Revamp CSS template system using var() feature

This commit is contained in:
djmaze 2021-02-05 10:42:20 +01:00
parent 92bbaadbf3
commit d9bece04b2
30 changed files with 317 additions and 530 deletions

View file

@ -35,7 +35,6 @@
}
.g-ui-menu {
max-height: 400px;
max-width: 300px;
overflow-y: auto;
@ -44,27 +43,24 @@
.e-link {
text-decoration: none;
cursor: pointer;
color: var(--dropdown-menu-color);
background-color: var(--dropdown-menu-background-color);
}
.e-item.selected > .e-link {
background-color: #eee !important;
background-color: var(--dropdown-menu-selected-background-color, #eee) !important;
}
.e-item > .e-link:focus, .e-item > .e-link:hover {
background-color: #555;
.e-item:not(.disabled) > .e-link:focus,
.e-item:not(.disabled) > .e-link:hover {
background-color: var(--dropdown-menu-hover-background-color, #555);
background-image: none;
color: #fff;
color: var(--dropdown-menu-hover-color, #fff);
}
.e-item.disabled > .e-link {
cursor: not-allowed;
background-color: #fff;
background-image: none;
color: grey;
}
.e-item.disabled [class^="icon-"] {
color: grey;
opacity: 0.5;
}
}
@ -152,18 +148,6 @@
}
}
.e-mobile-switcher {
margin-top: 8px;
color: #333;
a {
color: #333;
text-decoration: underline;
&:hover {
color: #333;
}
}
}
.e-languages {
margin-top: 8px;