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

@ -10,12 +10,10 @@
// LOGIN
@login-color: #333;
@login-background-color: #eee;
@login-rgba-background-color: rgba(255,255,255,0.5);
@login-background-color: rgba(255,255,255,0.5);
@login-border: none;
@login-border-radius: 7px;
@powered-color: #ddd;
@languages-color: #ddd;
// MENU
@dropdown-menu-color: #333;
@ -28,29 +26,23 @@
@folders-color: #fff;
@folders-disabled-color: #999;
@folders-selected-color: #fff;
@folders-selected-background-color: #7F7F7F;
@folders-selected-rgba-background-color: rgba(255,255,255,0.3);
@folders-selected-background-color: rgba(255,255,255,0.3);
@folders-focused-color: #fff;
@folders-focused-background-color: #7F7F7F;
@folders-focused-rgba-background-color: rgba(255,255,255,0.5);
@folders-focused-background-color: rgba(255,255,255,0.5);
@folders-hover-color: #fff;
@folders-hover-background-color: #7F7F7F;
@folders-hover-rgba-background-color: rgba(255,255,255,0.3);
@folders-hover-background-color: rgba(255,255,255,0.3);
@folders-drop-color: #fff;
@folders-drop-background-color: #7F7F7F;
@folders-drop-rgba-background-color: rgba(255,255,255,0.3);
@folders-drop-background-color: rgba(255,255,255,0.3);
// SETTINGS
@settings-menu-color: #fff;
@settings-menu-disabled-color: #999;
@settings-menu-selected-color: #fff;
@settings-menu-selected-background-color: #7F7F7F;
@settings-menu-selected-rgba-background-color: rgba(255,255,255,0.3);
@settings-menu-selected-background-color: rgba(255,255,255,0.3);
@settings-menu-hover-color: #fff;
@settings-menu-hover-background-color: #7F7F7F;
@settings-menu-hover-rgba-background-color: rgba(255,255,255,0.3);
@settings-menu-hover-background-color: rgba(255,255,255,0.3);
// MESSAGE LIST
@message-list-toolbar-background-color: #eee;
@message-list-toolbar-gradient-start: #f4f4f4;
@message-list-toolbar-gradient-end: #dfdfdf;
@message-list-toolbar-gradient-end: #dfdfdf;