/
colors.scss
112 lines (98 loc) · 4.95 KB
/
colors.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
/*
* Default Boost theme
*/
$brand-primary: #00acdf !default;
$brand-info: #5bc0de !default;
$brand-success: #77b300 !default;
$brand-warning: #ff8800 !default;
$brand-danger: #ff4136 !default;
#brand-primary { background-color: $brand-primary; }
#brand-info { background-color: $brand-info; }
#brand-success { background-color: $brand-success; }
#brand-warning { background-color: $brand-warning; }
#brand-danger { background-color: $brand-danger; }
/*
* Color Function
*/
// Default Blue
$cf-brand-primary: #4580b9 !default;
$cf-brand-info: adjust-color($cf-brand-primary, $saturation: -15%, $lightness: 25%) !default;
$cf-brand-success: adjust-color($cf-brand-primary, $hue: -115deg, $saturation: -15%) !default;
$cf-brand-warning: adjust-color(complement($cf-brand-primary), $red: 50) !default;
$cf-brand-danger: adjust-color($cf-brand-warning, $saturation: 50%, $lightness: -15%) !default;
#cf-brand-primary { background-color: $cf-brand-primary; }
#cf-brand-info { background-color: $cf-brand-info; }
#cf-brand-success { background-color: $cf-brand-success; }
#cf-brand-warning { background-color: $cf-brand-warning; }
#cf-brand-danger { background-color: $cf-brand-danger; }
// Red
$cfr-brand-primary: #dd382d !default;
$cfr-brand-info: adjust-color($cfr-brand-primary, $saturation: -15%, $lightness: 25%) !default;
$cfr-brand-success: adjust-color($cfr-brand-primary, $hue: -115deg, $saturation: -15%) !default;
$cfr-brand-warning: adjust-color(complement($cfr-brand-primary), $red: 50) !default;
$cfr-brand-danger: adjust-color($cfr-brand-warning, $saturation: 50%, $lightness: -15%) !default;
#cfr-brand-primary { background-color: $cfr-brand-primary; }
#cfr-brand-info { background-color: $cfr-brand-info; }
#cfr-brand-success { background-color: $cfr-brand-success; }
#cfr-brand-warning { background-color: $cfr-brand-warning; }
#cfr-brand-danger { background-color: $cfr-brand-danger; }
// Green
$cfg-brand-primary: #6d964f !default;
$cfg-brand-info: adjust-color($cfg-brand-primary, $saturation: -15%, $lightness: 25%) !default;
$cfg-brand-success: adjust-color($cfg-brand-primary, $hue: -115deg, $saturation: -15%) !default;
$cfg-brand-warning: adjust-color(complement($cfg-brand-primary), $red: 50) !default;
$cfg-brand-danger: adjust-color($cfg-brand-warning, $saturation: 50%, $lightness: -15%) !default;
#cfg-brand-primary { background-color: $cfg-brand-primary; }
#cfg-brand-info { background-color: $cfg-brand-info; }
#cfg-brand-success { background-color: $cfg-brand-success; }
#cfg-brand-warning { background-color: $cfg-brand-warning; }
#cfg-brand-danger { background-color: $cfg-brand-danger; }
// Orange
$cfo-brand-primary: #ff7806 !default;
$cfo-brand-info: adjust-color($cfo-brand-primary, $saturation: -15%, $lightness: 25%) !default;
$cfo-brand-success: adjust-color($cfo-brand-primary, $hue: -115deg, $saturation: -15%) !default;
$cfo-brand-warning: adjust-color(complement($cfo-brand-primary), $red: 50) !default;
$cfo-brand-danger: adjust-color($cfo-brand-warning, $saturation: 50%, $lightness: -15%) !default;
#cfo-brand-primary { background-color: $cfo-brand-primary; }
#cfo-brand-info { background-color: $cfo-brand-info; }
#cfo-brand-success { background-color: $cfo-brand-success; }
#cfo-brand-warning { background-color: $cfo-brand-warning; }
#cfo-brand-danger { background-color: $cfo-brand-danger; }
// Brown
$cfb-brand-primary: #b16740 !default;
$cfb-brand-info: adjust-color($cfb-brand-primary, $saturation: -15%, $lightness: 25%) !default;
$cfb-brand-success: adjust-color($cfb-brand-primary, $hue: -115deg, $saturation: -15%) !default;
$cfb-brand-warning: adjust-color(complement($cfb-brand-primary), $red: 50) !default;
$cfb-brand-danger: adjust-color($cfb-brand-warning, $saturation: 50%, $lightness: -15%) !default;
#cfb-brand-primary { background-color: $cfb-brand-primary; }
#cfb-brand-info { background-color: $cfb-brand-info; }
#cfb-brand-success { background-color: $cfb-brand-success; }
#cfb-brand-warning { background-color: $cfb-brand-warning; }
#cfb-brand-danger { background-color: $cfb-brand-danger; }
// Purple
$cfp-brand-primary: #6d499c !default;
$cfp-brand-info: adjust-color($cfp-brand-primary, $saturation: -15%, $lightness: 25%) !default;
$cfp-brand-success: adjust-color($cfp-brand-primary, $hue: -115deg, $saturation: -15%) !default;
$cfp-brand-warning: adjust-color(complement($cfp-brand-primary), $red: 50) !default;
$cfp-brand-danger: adjust-color($cfp-brand-warning, $saturation: 50%, $lightness: -15%) !default;
#cfp-brand-primary { background-color: $cfp-brand-primary; }
#cfp-brand-info { background-color: $cfp-brand-info; }
#cfp-brand-success { background-color: $cfp-brand-success; }
#cfp-brand-warning { background-color: $cfp-brand-warning; }
#cfp-brand-danger { background-color: $cfp-brand-danger; }
// Element rules
body {
text-align: center;
}
table {
border-collapse: seperate;
border-spacing: 5px;
margin: 0 auto;
}
td {
height: 90px;
margin: 5px;
}
.colorBox {
width: 120px;
}