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

refactoring of the less infrastructure

Browse Source
This commit is contained in:
Caleb James DeLisle
2018-07-14 15:15:23 +02:00
parent 507e5b18e9
commit 0d5ac05866
72 changed files with 3321 additions and 3229 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
customize.dist/src/less2/include/checkmark.less
View File

@@ -1,11 +1,17 @@
@import (reference) "./colortheme-all.less";
.checkmark_main(@size) {
--LessLoader_require: LessLoader_currentFile();
@width: round(@size / 8);
--checkmark-size: @size;
--checkmark-width: round(@size / 8);
@dim1: round(@size / 3);
@dim2: round(2 * @size / 3);
@top: round(@size / 12) - 1;
--checkmark-dim1: round(@size / 3);
--checkmark-dim2: round(2 * @size / 3);
--checkmark-top: round(@size / 12) - 1;
--checkmark-radio-size: @dim1 * 3;
}
& {
// <label.cp-checkmark><input><span.cp-checkmark-mark></span>Text</label>
.cp-checkmark {
margin: 0;
@@ -58,8 +64,8 @@
.cp-checkmark-mark {
margin-right: 10px;
position: relative;
height: @size;
width: @size;
height: var(--checkmark-size);
width: var(--checkmark-size);
background-color: @colortheme_checkmark-back0;
display: flex;
justify-content: center;
@@ -68,12 +74,12 @@
&:after {
content: "";
display: none;
margin-top: @top;
width: @dim1;
height: @dim2;
margin-top: var(--checkmark-top);
width: var(--checkmark-dim1);
height: var(--checkmark-dim2);
transform: rotate(45deg);
border: solid @colortheme_checkmark-col1;
border-width: 0 @width @width 0;
border-width: 0 var(--checkmark-width) var(--checkmark-width) 0;
position: absolute;
}
&:focus {
@@ -129,12 +135,12 @@
}
}
@radio-size: @dim1 * 3;
.cp-radio-mark {
margin-right: 10px;
position: relative;
height: @radio-size;
width: @radio-size;
height: var(--checkmark-radio-size);
width: var(--checkmark-radio-size);
background-color: @colortheme_checkmark-back0;
border-radius: 50%;
display: flex;
@@ -147,12 +153,12 @@
content: "";
border-radius: 50%;
background: white;
width: @dim1;
height: @dim1;
width: var(--checkmark-dim1);
height: var(--checkmark-dim1);
//transform: rotate(45deg);
//border: solid @colortheme_checkmark-col1;
//border-width: 0 @width @width 0;
//border-width: 0 var(--checkmark-width) var(--checkmark-width) 0;
}
&:focus {
//border-color: #FF007C !important;