More scss file splitting, now using font instead of direct SVG icons to optimize requests.

This commit is contained in:
Adsooi 2021-07-17 00:36:59 +02:00
parent 3c87cee9e7
commit 9ff214909b
Signed by: Ad5001
GPG key ID: EF45F9C6AFE20160
24 changed files with 479 additions and 118 deletions

View file

@ -25,22 +25,41 @@
background-repeat: no-repeat;
// Base label setting
.label {
transition: max-height 0.15s ease-in;
max-height: 20%;
overflow: hidden;
bottom: 0;
background-color: #FFFFFFDD;
padding: 0.5em;
bottom: 0;
.label-link {
text-decoration: none;
color: black;
// Hide this information by default
.show-on-hover {
display: none;
transition: opacity 0.15s;
opacity: 0;
max-height: 0;
background: none;
.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;
}
}
}