| 1 |
efrain |
1 |
// General editor
|
|
|
2 |
$black: #212121;
|
|
|
3 |
$white: #FFFFFF;
|
|
|
4 |
$blue: #285c8b;
|
|
|
5 |
|
|
|
6 |
$text-color: $black;
|
|
|
7 |
|
|
|
8 |
$font-family: 'Open Sans', sans-serif;
|
|
|
9 |
|
|
|
10 |
$icon-font-family: 'H5P';
|
|
|
11 |
|
|
|
12 |
$font-size-large: 18px;
|
|
|
13 |
$font-size-normal: 16px;
|
|
|
14 |
$font-size-small: 14px;
|
|
|
15 |
|
|
|
16 |
$min-padding: 10px;
|
|
|
17 |
$padding: 20px;
|
|
|
18 |
|
|
|
19 |
// Form
|
|
|
20 |
$form-background: #fcfcfc;
|
|
|
21 |
$form-border-color: #d0d0d1;
|
|
|
22 |
$form-content-background: $white;
|
|
|
23 |
|
|
|
24 |
$form-input-color: $white;
|
|
|
25 |
$form-input-placeholder-color: #858585;
|
|
|
26 |
$form-input-focus-placeholder-color: #fff;
|
|
|
27 |
$form-input-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.12);
|
|
|
28 |
|
|
|
29 |
$form-item-importance-high-background: #2579C6;
|
|
|
30 |
$form-item-importance-high-background-highlight: #3080c9;
|
|
|
31 |
$form-item-importance-high-border-color: #1f67a8;
|
|
|
32 |
$form-item-importance-high-background-hover: #1f67a8;
|
|
|
33 |
$form-item-importance-high-background-hover-highlight: #2a6fac;
|
|
|
34 |
|
|
|
35 |
$form-item-importance-medium-background: #747275;
|
|
|
36 |
$form-item-importance-medium-background-highlight: #7b797c;
|
|
|
37 |
$form-item-importance-medium-border-color: #636164;
|
|
|
38 |
$form-item-importance-medium-background-hover: #636164;
|
|
|
39 |
$form-item-importance-medium-background-hover-highlight: #6b696c;
|
|
|
40 |
|
|
|
41 |
$form-item-importance-low-background: #f5f5f5;
|
|
|
42 |
$form-item-importance-low-background-highlight: #eeeeef;
|
|
|
43 |
$form-item-importance-low-border-color: #d0d0d1;
|
|
|
44 |
$form-item-importance-low-background-hover: #deddde;
|
|
|
45 |
$form-item-importance-low-background-hover-highlight: #deddde;
|
|
|
46 |
|
|
|
47 |
$form-item-height-large: 42px; // 44px total with border
|
|
|
48 |
$form-item-height-normal: 38px; // 40px total with border
|
|
|
49 |
$form-item-height-small: 28px; // 30px total with border
|
|
|
50 |
|
|
|
51 |
$form-item-buttons-width-large: 74px;
|
|
|
52 |
$form-item-buttons-width-normal: 54px;
|
|
|
53 |
$form-item-buttons-width-small: 54px;
|
|
|
54 |
|
|
|
55 |
// Label
|
|
|
56 |
$form-label: #454347;
|
|
|
57 |
$form-label-importance-high: #356593;
|