web/cryptpad
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add fallback for browsers which do not support CSS variables

Browse Source
This commit is contained in:
Caleb James DeLisle
2018-07-17 16:21:54 +02:00
parent cf87d70a8f
commit 38a1e5e39f
7 changed files with 149 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
customize.dist/src/less2/include/creation.less
View File

@@ -3,18 +3,25 @@
@import (reference) "./tools.less";
@import (reference) './icon-colors.less';
.creation_vars(
@color: @colortheme_default-color,
@bg-color: @colortheme_default-bg
) {
@creation-color: @color;
@creation-bg-color: @bg-color;
};
.creation_main(
@color: @colortheme_default-color, // Color of the text for the toolbar
@bg-color: @colortheme_default-bg, // color of the toolbar background
@warn-color: @colortheme_default-warn, // color of the warning text in the toolbar
@color,
@bg-color
) {
--LessLoader_require: LessLoader_currentFile();
.creation_vars(@color, @bg-color);
--creation-color: @color;
--creation-bg-color: @bg-color;
// --creation-warn-color: @warn-color; // unused
}
& {
.creation_vars();
@colortheme_creation-modal-bg: #fff;
@colortheme_creation-modal: #666;
@colortheme_creation-modal-title: @colortheme_loading-bg;
@@ -267,9 +274,12 @@
border: 1px solid transparent;
&.cp-creation-template-selected {
color: @creation-color !important;
color: var(--creation-color) !important;
background-color: @creation-bg-color !important;
background-color: var(--creation-bg-color) !important;
.fa {
color: @creation-color;
color: var(--creation-color);
}
}
@@ -301,6 +311,7 @@
max-width: 100%;
}
.fa {
color: @creation-bg-color;
color: var(--creation-bg-color);
cursor: pointer;
width: 100px;