@dev-tcloud/tcloud-ui 0.0.85 → 0.0.87
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/_modules/tcloud-ui-data-list/tcloud-ui-data-list.component.mjs +3 -3
- package/esm2020/lib/_modules/tcloud-ui-multiples-values/tcloud-ui-multiples-values.component.mjs +2 -2
- package/fesm2015/dev-tcloud-tcloud-ui.mjs +4 -4
- package/fesm2015/dev-tcloud-tcloud-ui.mjs.map +1 -1
- package/fesm2020/dev-tcloud-tcloud-ui.mjs +4 -4
- package/fesm2020/dev-tcloud-tcloud-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/scss/tcloud/custom/buttons.scss +788 -73
- package/scss/tcloud/custom/colors-prime.scss +39 -0
- package/scss/tcloud/custom/colors-standard.scss +33 -0
- package/scss/tcloud/custom/colors.scss +54 -10
- package/scss/tcloud/custom/forms.scss +8 -2
- package/scss/tcloud/custom/mixins.scss +247 -0
- package/scss/tcloud/custom/variables.scss +77 -0
- package/scss/tcloud/styles.scss +4 -4
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
// =============================================
|
|
2
|
+
// T-CLoud Prime
|
|
3
|
+
// =============================================
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
$prime-primary: #6B48FF;
|
|
7
|
+
// color: $prime-primary;
|
|
8
|
+
|
|
9
|
+
$prime-primary2: #0897E9;
|
|
10
|
+
|
|
11
|
+
$prime-complemt: #0ADBE3;
|
|
12
|
+
$prime-complemt-2: #5B35FC;
|
|
13
|
+
|
|
14
|
+
$prime-second: #FEAC0E;
|
|
15
|
+
$prime-second2: #EEEEEE;
|
|
16
|
+
|
|
17
|
+
$prime-white: #fff;
|
|
18
|
+
// color: $prime-white;
|
|
19
|
+
|
|
20
|
+
$prime-black: #363636;
|
|
21
|
+
// color: $prime-black;
|
|
22
|
+
|
|
23
|
+
$prime-gray-10: #f9f9f9;
|
|
24
|
+
$prime-gray-50: #EEEEEE;
|
|
25
|
+
$prime-gray-100: #C7C7C7;
|
|
26
|
+
|
|
27
|
+
$prime-red: #cb0000;
|
|
28
|
+
$prime-green: #1E8E3E;
|
|
29
|
+
|
|
30
|
+
// $i;
|
|
31
|
+
|
|
32
|
+
// font-size: 16px $i;
|
|
33
|
+
// text-transform: uppercase $i;
|
|
34
|
+
|
|
35
|
+
// TCLAUDI2
|
|
36
|
+
// ABCDE .env-card {
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
// .label-success, .badge-success
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
// =============================================
|
|
2
|
+
// T-CLoud Standard
|
|
3
|
+
// =============================================
|
|
4
|
+
|
|
5
|
+
$tc-primary: #37b6c4;
|
|
6
|
+
$tc-primary2: #136e92;
|
|
7
|
+
$tc-complemt-3: #136e92;
|
|
8
|
+
|
|
9
|
+
$tc-gray-700: #363636;
|
|
10
|
+
$tc-gray-600: #4e4944;
|
|
11
|
+
$tc-gray-500: #8a817b;
|
|
12
|
+
|
|
13
|
+
$tc-gray-400: #cabfb5;
|
|
14
|
+
$tc-gray-300: #d5ccc3;
|
|
15
|
+
|
|
16
|
+
$tc-gray-200: #e5e3e1;
|
|
17
|
+
|
|
18
|
+
$tc-gray-100: #f1f1f1;
|
|
19
|
+
$tc-gray-50: #f8f9fa;
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
$tc-black: #000;
|
|
23
|
+
$tc-white: #fff;
|
|
24
|
+
|
|
25
|
+
$tc-blue: #0897E9;
|
|
26
|
+
$tc-dark: #363636;
|
|
27
|
+
|
|
28
|
+
$tc-orange: orange;
|
|
29
|
+
|
|
30
|
+
$tc-warning: orange;
|
|
31
|
+
$tc-danger: #D93025;
|
|
32
|
+
$tc-success :#1E8E3E;
|
|
33
|
+
$tc-complete :#039BE5;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
// =============================================
|
|
2
|
-
// Colors
|
|
2
|
+
// Common Colors
|
|
3
3
|
// =============================================
|
|
4
4
|
|
|
5
5
|
$black: #000;
|
|
@@ -8,20 +8,28 @@ $white: #fff;
|
|
|
8
8
|
$blue: #0897E9;
|
|
9
9
|
$dark: #363636;
|
|
10
10
|
|
|
11
|
-
$orange:
|
|
12
|
-
|
|
13
|
-
$
|
|
11
|
+
$orange: orange;
|
|
12
|
+
|
|
13
|
+
$warning: orange;
|
|
14
|
+
$danger: #D93025;
|
|
15
|
+
$success :#1E8E3E;
|
|
16
|
+
$complete :#039BE5;
|
|
17
|
+
|
|
14
18
|
|
|
19
|
+
$gray-light: #EEE;
|
|
15
20
|
$blue-500: #0ADBE3;
|
|
16
21
|
$purple: #6B48FF;
|
|
17
22
|
|
|
18
23
|
$red: red;
|
|
19
24
|
|
|
25
|
+
$error:#ff5f5f;
|
|
26
|
+
|
|
20
27
|
// =============================================
|
|
21
28
|
// Colors V1
|
|
22
29
|
// =============================================
|
|
23
30
|
|
|
24
|
-
|
|
31
|
+
|
|
32
|
+
|
|
25
33
|
$primary-700: #136e92;
|
|
26
34
|
|
|
27
35
|
$secondary: #484440;
|
|
@@ -32,13 +40,49 @@ $gray-400: #D5CCC3;
|
|
|
32
40
|
$gray-200: #F1F1F1;
|
|
33
41
|
$gray-100: #F8F9FA;
|
|
34
42
|
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
$complete :#039BE5;
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
|
|
39
46
|
|
|
40
47
|
:root {
|
|
41
|
-
|
|
48
|
+
|
|
49
|
+
// theme color
|
|
50
|
+
|
|
51
|
+
--tc-primary: #37b6c4;
|
|
52
|
+
// var(--tc-primary);
|
|
53
|
+
|
|
54
|
+
--tc-primary2: #136e92;
|
|
55
|
+
|
|
56
|
+
// commons
|
|
57
|
+
|
|
58
|
+
--orange: orange;
|
|
59
|
+
--red :#dc0217;
|
|
60
|
+
--azul: #1c84c6;
|
|
61
|
+
--green2: #10ba3c;
|
|
62
|
+
--green3: #00965A;
|
|
63
|
+
--dark-green: #037f9c;
|
|
64
|
+
|
|
65
|
+
|
|
66
|
+
// grays
|
|
67
|
+
--tc-gray-600: #4e4944;
|
|
68
|
+
--tc-gray-500: #8a817b;
|
|
69
|
+
--tc-gray-400: #cabfb5;
|
|
70
|
+
--tc-gray-300: #d5ccc3;
|
|
71
|
+
--tc-gray-200: #e5e3e1;
|
|
72
|
+
--tc-gray-100: #f1f1f1;
|
|
73
|
+
--tc-gray-50: #f8f9fa;
|
|
74
|
+
|
|
75
|
+
|
|
76
|
+
// OLD Theme
|
|
77
|
+
--gray: #4e4944;
|
|
42
78
|
--cinza: #8a817b;
|
|
79
|
+
--cinza1: #cabfb5;
|
|
80
|
+
--cinza2: #d5ccc3;
|
|
81
|
+
--cinza3: #e5e3e1;
|
|
43
82
|
--cinza4: #f1f1f1;
|
|
83
|
+
--cinza5: #f8f9fa;
|
|
84
|
+
|
|
85
|
+
--verde: #37b6c4;
|
|
44
86
|
}
|
|
87
|
+
|
|
88
|
+
|
|
@@ -1,12 +1,15 @@
|
|
|
1
1
|
// ---------------------------------
|
|
2
2
|
// Forms
|
|
3
3
|
// ---------------------------------
|
|
4
|
+
// ---------------------------------
|
|
5
|
+
// Forms
|
|
6
|
+
// ---------------------------------
|
|
4
7
|
|
|
5
8
|
.tc-form-control{
|
|
6
9
|
display: block;
|
|
7
10
|
width: 100%;
|
|
8
11
|
padding: .375rem .75rem;
|
|
9
|
-
font-size:
|
|
12
|
+
font-size: 12px;
|
|
10
13
|
font-weight: 400;
|
|
11
14
|
line-height: 1.5;
|
|
12
15
|
color: #212529;
|
|
@@ -62,5 +65,8 @@ select.tc-form-control{
|
|
|
62
65
|
button{
|
|
63
66
|
align-self: end;
|
|
64
67
|
}
|
|
68
|
+
}
|
|
65
69
|
|
|
66
|
-
|
|
70
|
+
.tc-group-input-table td:last-child button {
|
|
71
|
+
color: var(--cinza);
|
|
72
|
+
}
|
|
@@ -66,3 +66,250 @@
|
|
|
66
66
|
border-color: $color transparent transparent transparent;
|
|
67
67
|
border-width: $size $size 0 $size;
|
|
68
68
|
}
|
|
69
|
+
|
|
70
|
+
|
|
71
|
+
|
|
72
|
+
|
|
73
|
+
// ===============================================
|
|
74
|
+
// Font and text
|
|
75
|
+
// ===============================================
|
|
76
|
+
|
|
77
|
+
@mixin bold {
|
|
78
|
+
font-weight: bold;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
|
|
82
|
+
@mixin uppercase {
|
|
83
|
+
text-transform: uppercase;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
// ===============================================
|
|
87
|
+
// Helpers
|
|
88
|
+
// ===============================================
|
|
89
|
+
|
|
90
|
+
@mixin test($args...) {
|
|
91
|
+
border: 1px solid $args;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
@mixin flex-center {
|
|
95
|
+
display: flex;
|
|
96
|
+
align-items: center;
|
|
97
|
+
justify-content: center;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
// ===============================================
|
|
101
|
+
// Font and text
|
|
102
|
+
// ===============================================
|
|
103
|
+
|
|
104
|
+
@mixin bold {
|
|
105
|
+
font-weight: bold;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
@mixin ellipsis {
|
|
109
|
+
text-overflow: ellipsis; /* enables ellipsis */
|
|
110
|
+
white-space: nowrap; /* keeps the text in a single line */
|
|
111
|
+
overflow: hidden; /* keeps the element from overflowing its parent */
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
// ===============================================
|
|
115
|
+
// Misc
|
|
116
|
+
// ===============================================
|
|
117
|
+
|
|
118
|
+
@mixin arrow-top($size, $color) {
|
|
119
|
+
content: '';
|
|
120
|
+
height: 0;
|
|
121
|
+
width: 0;
|
|
122
|
+
border-style: solid;
|
|
123
|
+
border-color: transparent transparent $color transparent;
|
|
124
|
+
border-width: 0 $size $size $size;
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
@mixin arrow-bottom($size, $color) {
|
|
128
|
+
content: '';
|
|
129
|
+
height: 0;
|
|
130
|
+
width: 0;
|
|
131
|
+
border-style: solid;
|
|
132
|
+
border-color: $color transparent transparent transparent;
|
|
133
|
+
border-width: $size $size 0 $size;
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
@mixin thin-scroll-bar() {
|
|
137
|
+
&::-webkit-scrollbar {
|
|
138
|
+
width: 10px;
|
|
139
|
+
}
|
|
140
|
+
/* Track */
|
|
141
|
+
&::-webkit-scrollbar-track {
|
|
142
|
+
background: var(--tc-gray-200);
|
|
143
|
+
border-radius: 10px;
|
|
144
|
+
}
|
|
145
|
+
/* Handle */
|
|
146
|
+
&::-webkit-scrollbar-thumb {
|
|
147
|
+
background: var(--tc-gray-300);
|
|
148
|
+
border-radius: 10px;
|
|
149
|
+
}
|
|
150
|
+
/* Handle on hover */
|
|
151
|
+
&::-webkit-scrollbar-thumb:hover {
|
|
152
|
+
background: var(--tc-gray-400);
|
|
153
|
+
}
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
@mixin bdr-bottom( $sz, $clr) {
|
|
157
|
+
border-bottom: 1px solid $clr;
|
|
158
|
+
margin-bottom: $sz;
|
|
159
|
+
padding-bottom: $sz;
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
@mixin flex-center {
|
|
163
|
+
display: flex;
|
|
164
|
+
justify-content: center;
|
|
165
|
+
align-items: center;
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
// ===============================================
|
|
169
|
+
// T-Cloud Prime
|
|
170
|
+
// ===============================================
|
|
171
|
+
|
|
172
|
+
@mixin prime-color {
|
|
173
|
+
// @include prime-color;
|
|
174
|
+
color: $prime-primary!important;
|
|
175
|
+
}
|
|
176
|
+
|
|
177
|
+
@mixin prime-gray-100 {
|
|
178
|
+
// @include prime-gray-100;
|
|
179
|
+
color: $prime-gray-100!important;
|
|
180
|
+
}
|
|
181
|
+
|
|
182
|
+
@mixin prime-gray-50 {
|
|
183
|
+
// @include prime-gray-50;
|
|
184
|
+
color: $prime-gray-50!important;
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
|
|
188
|
+
|
|
189
|
+
|
|
190
|
+
@mixin prime-bg {
|
|
191
|
+
// @include prime-bg;
|
|
192
|
+
background: $prime-primary!important;
|
|
193
|
+
}
|
|
194
|
+
|
|
195
|
+
@mixin prime-bgc {
|
|
196
|
+
// @include prime-bgc;
|
|
197
|
+
background-color: $prime-primary!important;
|
|
198
|
+
}
|
|
199
|
+
|
|
200
|
+
@mixin prime-bg-100 {
|
|
201
|
+
// @include prime-bg-100;
|
|
202
|
+
background: $prime-gray-100!important;
|
|
203
|
+
}
|
|
204
|
+
|
|
205
|
+
@mixin prime-bg-50 {
|
|
206
|
+
// @include prime-bg-50;
|
|
207
|
+
background: $prime-gray-50!important;
|
|
208
|
+
}
|
|
209
|
+
|
|
210
|
+
@mixin prime-bg-10 {
|
|
211
|
+
// @include prime-bg-10;
|
|
212
|
+
background: $prime-gray-10!important;
|
|
213
|
+
}
|
|
214
|
+
|
|
215
|
+
|
|
216
|
+
|
|
217
|
+
|
|
218
|
+
@mixin prime-bdr {
|
|
219
|
+
// @include prime-color;
|
|
220
|
+
border-color: $prime-primary!important;
|
|
221
|
+
}
|
|
222
|
+
|
|
223
|
+
@mixin prime-bdr-100 {
|
|
224
|
+
// @include prime-bdr-100;
|
|
225
|
+
border-color: $prime-gray-100!important;
|
|
226
|
+
}
|
|
227
|
+
|
|
228
|
+
@mixin prime-bdr-50 {
|
|
229
|
+
// @include prime-bdr-50;
|
|
230
|
+
border-color: $prime-gray-50!important;
|
|
231
|
+
}
|
|
232
|
+
|
|
233
|
+
|
|
234
|
+
|
|
235
|
+
|
|
236
|
+
@mixin prime-black {
|
|
237
|
+
// @include prime-black;
|
|
238
|
+
color: $prime-black!important;
|
|
239
|
+
}
|
|
240
|
+
|
|
241
|
+
@mixin prime-white {
|
|
242
|
+
// @include prime-white;
|
|
243
|
+
color: $prime-white!important;
|
|
244
|
+
}
|
|
245
|
+
|
|
246
|
+
@mixin prime-mkt-gradient {
|
|
247
|
+
// @include prime-mkt-gradient;
|
|
248
|
+
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6b48ff+0,362480+100 */
|
|
249
|
+
background: #6b48ff!important; /* Old browsers */
|
|
250
|
+
background: -moz-linear-gradient(left, #6b48ff 0%, #362480 100%)!important; /* FF3.6-15 */
|
|
251
|
+
background: -webkit-linear-gradient(left, #6b48ff 0%,#362480 100%)!important; /* Chrome10-25,Safari5.1-6 */
|
|
252
|
+
background: linear-gradient(to right, #6b48ff 0%,#362480 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
|
253
|
+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b48ff', endColorstr='#362480',GradientType=1 )!important; /* IE6-9 */
|
|
254
|
+
}
|
|
255
|
+
|
|
256
|
+
@mixin prime-bg-gradient {
|
|
257
|
+
// @include prime-bg-gradient;
|
|
258
|
+
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6b48ff+0,7151ff+100 */
|
|
259
|
+
background: #6b48ff; /* Old browsers */
|
|
260
|
+
background: -moz-linear-gradient(left, #6b48ff 0%, #6B48FF 100%); /* FF3.6-15 */
|
|
261
|
+
background: -webkit-linear-gradient(left, #6b48ff 0%,#6B48FF 100%); /* Chrome10-25,Safari5.1-6 */
|
|
262
|
+
background: linear-gradient(to right, #6b48ff 0%,#6B48FF 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
|
263
|
+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b48ff', endColorstr='#6B48FF',GradientType=1 ); /* IE6-9 */
|
|
264
|
+
}
|
|
265
|
+
|
|
266
|
+
|
|
267
|
+
@mixin prime-title {
|
|
268
|
+
// @include prime-title;
|
|
269
|
+
font-size: 20px;
|
|
270
|
+
font-weight: bold;
|
|
271
|
+
text-transform: uppercase;
|
|
272
|
+
padding-bottom: 10px;
|
|
273
|
+
border-bottom: 1px solid $prime-gray-50;
|
|
274
|
+
margin-bottom: 20px;
|
|
275
|
+
}
|
|
276
|
+
|
|
277
|
+
|
|
278
|
+
@mixin prime-subtitle {
|
|
279
|
+
// @include prime-subtitle;
|
|
280
|
+
font-size: 16px !important;
|
|
281
|
+
text-transform: uppercase !important;
|
|
282
|
+
border-bottom: 1px solid $prime-gray-50 !important;
|
|
283
|
+
padding-bottom: 10px !important;
|
|
284
|
+
margin-bottom: 20px !important;
|
|
285
|
+
}
|
|
286
|
+
|
|
287
|
+
@mixin ico-menu($img, $hgt, $wdt) {
|
|
288
|
+
background: url(/assets/img/menu/#{$img}.svg);
|
|
289
|
+
height: $hgt;
|
|
290
|
+
width: $wdt;
|
|
291
|
+
background-repeat: no-repeat;
|
|
292
|
+
background-position: center;
|
|
293
|
+
|
|
294
|
+
&::before {
|
|
295
|
+
display: none;
|
|
296
|
+
}
|
|
297
|
+
|
|
298
|
+
}
|
|
299
|
+
|
|
300
|
+
@mixin ico-topmenu($img, $hgt, $wdt) {
|
|
301
|
+
background: url(/assets/img/topmenu/#{$img}.svg);
|
|
302
|
+
height: $hgt;
|
|
303
|
+
width: $wdt;
|
|
304
|
+
background-repeat: no-repeat;
|
|
305
|
+
background-position: center;
|
|
306
|
+
|
|
307
|
+
&::before {
|
|
308
|
+
display: none !important;
|
|
309
|
+
}
|
|
310
|
+
|
|
311
|
+
}
|
|
312
|
+
|
|
313
|
+
@mixin svg-prime {
|
|
314
|
+
filter: invert(37%) sepia(99%) saturate(5131%) hue-rotate(243deg) brightness(100%) contrast(103%);
|
|
315
|
+
}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
@import './colors-standard.scss';
|
|
2
|
+
@import './colors-prime.scss';
|
|
3
|
+
@import './colors.scss';
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
// ==================================================
|
|
9
|
+
// Old Colors
|
|
10
|
+
// ==================================================
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
// Basic Colors
|
|
14
|
+
$navy: #1ab394; // Primary color
|
|
15
|
+
$dark-gray: #c2c2c2; // Default color
|
|
16
|
+
$blue: #1c84c6; // Success color
|
|
17
|
+
$lazur: #23c6c8; // Info color
|
|
18
|
+
$yellow: #f8ac59; // Warning color
|
|
19
|
+
$red: #ED5565; // Danger color
|
|
20
|
+
|
|
21
|
+
// Various colors
|
|
22
|
+
$text-color: #676a6c; // Body text
|
|
23
|
+
$gray: #f3f3f4; // Background wrapper color
|
|
24
|
+
$light-gray: #D1DADE; // Default label, badge
|
|
25
|
+
$label-badge-color: #5E5E5E;
|
|
26
|
+
$light-blue:#f3f6fb;
|
|
27
|
+
|
|
28
|
+
// Spinner color and margin
|
|
29
|
+
$spin-color: $navy;
|
|
30
|
+
$spin-margin: 0 auto;
|
|
31
|
+
|
|
32
|
+
//Basics
|
|
33
|
+
$basic-link-color: #337ab7;
|
|
34
|
+
|
|
35
|
+
// IBOX colors ( default panel colors)
|
|
36
|
+
$border-color: #e7eaec; // IBox border
|
|
37
|
+
$ibox-title-bg:#ffffff; // IBox Background header
|
|
38
|
+
$ibox-content-bg:#ffffff; // IBox Background content
|
|
39
|
+
|
|
40
|
+
//Sidebar width
|
|
41
|
+
$sidebar-width: 220px;
|
|
42
|
+
|
|
43
|
+
// Boxed layout width
|
|
44
|
+
$boxed-width: 1200px;
|
|
45
|
+
$boxed-background: url('patterns/shattered.png');
|
|
46
|
+
|
|
47
|
+
//Border radius for buttons
|
|
48
|
+
$btn-border-radius: 3px;
|
|
49
|
+
|
|
50
|
+
//Navigation
|
|
51
|
+
$nav-bg: #0a85a4;
|
|
52
|
+
$nav-profile-pattern: url("patterns/header-profile.png");
|
|
53
|
+
$nav-text-color: #fafafa;
|
|
54
|
+
|
|
55
|
+
|
|
56
|
+
|
|
57
|
+
@function getColorWithOpacity($color, $opacity) {
|
|
58
|
+
@return rgba($color, $opacity);
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
|
|
62
|
+
|
|
63
|
+
//Cores baseadas no UI-Kit do Adobe XD
|
|
64
|
+
$primary: #37B6C4;
|
|
65
|
+
$primary-hover: #037F9C;
|
|
66
|
+
$tc-white-1: #FFF;
|
|
67
|
+
$tc-white-2: #F1F1F1;
|
|
68
|
+
$grey-1: #D5CCC3;
|
|
69
|
+
$grey-2: #B9B9B9;
|
|
70
|
+
$grey-3: #8A817B;
|
|
71
|
+
$grey-4: #707070;
|
|
72
|
+
$grey-5: #484440;
|
|
73
|
+
|
|
74
|
+
$success: #1E8E3E;
|
|
75
|
+
$warning: #ED9C2E;
|
|
76
|
+
$danger: #D93025;
|
|
77
|
+
$complimentary: #039BE5;
|
package/scss/tcloud/styles.scss
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
@import 'custom/
|
|
1
|
+
@import 'custom/variables.scss';
|
|
2
2
|
@import 'custom/mixins.scss';
|
|
3
3
|
|
|
4
|
-
@import 'custom/layout.scss';
|
|
5
4
|
@import 'custom/buttons.scss';
|
|
6
|
-
@import 'custom/forms.scss';
|
|
7
|
-
@import 'custom/text.scss';
|
|
8
5
|
@import 'custom/card.scss';
|
|
6
|
+
@import 'custom/forms.scss';
|
|
7
|
+
@import 'custom/layout.scss';
|
|
8
|
+
@import 'custom/text.scss';
|