Starting aboue me page!

This commit is contained in:
Adsooi 2021-09-26 17:39:36 +02:00
parent fe12ef9a9f
commit 85d8e9ab6e
Signed by: Ad5001
GPG key ID: EF45F9C6AFE20160
30 changed files with 950 additions and 255 deletions

View file

@ -49,4 +49,21 @@
&.purple {
background: linear-gradient(var(--angle, 0deg), rgba(229,181,255,1) 0%, rgba(210,114,255,1) 100%);
}
&.tea {
background: linear-gradient(var(--angle, 0deg), rgba(44,181,107,0.3) 0%, rgba(44,181,107,0.8) 100%);
}
&.ebon {
background: linear-gradient(var(--angle, 0deg), #032B67 0%, #040D21 100%);
}
// For dark background cards
&.text-white :not([role=button]) > a {
/* unvisited link */
&:link, &:visited {
color: #00c8d7;
}
&:hover {
color: #00c8d7;
}
}
}

View file

@ -28,38 +28,42 @@
.label-link {
text-decoration: none;
color: black;
}
.label, &.label {
transition: max-height 0.15s ease-in;
overflow: hidden;
bottom: 0;
max-height: 20%;
background-color: #FFFFFFDD;
padding: 0.5em;
.label {
transition: max-height 0.15s ease-in;
max-height: 20%;
overflow: hidden;
bottom: 0;
background-color: #FFFFFFDD;
padding: 0.5em;
bottom: 0;
.app-name {
float: left;
}
.right-icon {
float: right;
line-height: 1em;
}
// Hide this information by default
.show-on-hover {
display: none;
transition: opacity 0.15s;
opacity: 0;
max-height: 0;
background: none;
}
p[role=button] {
line-height: 1em;
width: max-content;
}
&.expand {
max-height: 100%;
height: calc(100% - 1em);
}
.app-name {
float: left;
}
.right-icon {
float: right;
line-height: 1em;
}
// Hide this information by default
.show-on-hover {
display: none;
transition: opacity 0.15s;
opacity: 0;
max-height: 0;
background: none;
}
p[role=button] {
line-height: 1em;
width: max-content;
}
}