2018-03-25 17:42:41 +00:00
|
|
|
/* License: LGPL-3.0-or-later */
|
2018-03-25 17:30:42 +00:00
|
|
|
:root {
|
|
|
|
|
--grey-05: color(black l(99.4%));
|
|
|
|
|
--grey-1: color(black l(98%));
|
|
|
|
|
--grey-2: color(black l(96%));
|
|
|
|
|
--grey-3: color(black l(92%));
|
|
|
|
|
--grey-4: color(black l(86%));
|
|
|
|
|
--grey-5: color(black l(65%));
|
|
|
|
|
--grey-6: color(black l(50%));
|
|
|
|
|
--black: #2f2f2f;
|
|
|
|
|
|
|
|
|
|
--scrim: rgba(0,0,0,.5);
|
|
|
|
|
|
|
|
|
|
--blue: #0176f5;
|
|
|
|
|
--blue-light: #78b6ff;
|
|
|
|
|
--blue-lighter: #d2e6ff;
|
|
|
|
|
--green: #82c13e;
|
|
|
|
|
--red: #ff0f0f;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.bg-grey-1 { background: var(--grey-1)}
|
|
|
|
|
.bg-grey-2 { background: var(--grey-2)}
|
|
|
|
|
.bg-grey-3 { background: var(--grey-3)}
|
|
|
|
|
.bg-grey-4 { background: var(--grey-4)}
|
|
|
|
|
.bg-grey-5 { background: var(--grey-5)}
|
|
|
|
|
.bg-scrim { background: var(--scrim)}
|
|
|
|
|
.bg-black { background: var(--black)}
|
|
|
|
|
.bg-blue { background: var(--blue)}
|
|
|
|
|
.bg-blue-light { background: var(--blue-light)}
|
|
|
|
|
.bg-blue-lighter { background: var(--blue-lighter)}
|
|
|
|
|
.bg-red { background: var(--red)}
|
|
|
|
|
.bg-green { background: var(--green)}
|
|
|
|
|
|
|
|
|
|
.color-white { color: white}
|
|
|
|
|
.color-grey { color: var(--grey-6)}
|
|
|
|
|
.color-black { color: var(--black)}
|
|
|
|
|
.color-red { color: var(--red)}
|
|
|
|
|
.color-green { color: var(--green)}
|
|
|
|
|
.color-blue { color: var(--blue)}
|
|
|
|
|
|
|
|
|
|
.border-color-grey { border-color: var(--grey-4)}
|
|
|
|
|
.border-color-red { border-color: var(--red)}
|
|
|
|
|
.border-color-green { border-color: var(--green)}
|
|
|
|
|
.border-color-blue { border-color: var(--blue-light)}
|
|
|
|
|
|
