active_frontend 11.0.0 → 11.1.0
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.
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 8466af290579948ee21196eecb1d625c434fdf9d
|
4
|
+
data.tar.gz: 716714b34b1a33c942bb0f0d075ef92940d0a3ce
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 620b4ba038da4e0492d76d4200a369076961d599f9c2edf451fc05d096bdb42defa8395b6eabb728803281b4eb5a810b2276844fe38031b992218f469b2606b3
|
7
|
+
data.tar.gz: 5ec06f5b439704a96e5be72a247437954cad68a3dad3e9478f9866743a027bdb3a20b7ca13ba979f2646cc3f021c5617790f7584577b5bcfb6aacb172736ae44
|
@@ -3,6 +3,7 @@
|
|
3
3
|
# Form
|
4
4
|
# Components
|
5
5
|
# Styles
|
6
|
+
# Colors
|
6
7
|
# Media Queries */
|
7
8
|
|
8
9
|
/* # Form
|
@@ -11,7 +12,6 @@ fieldset { border: 0; }
|
|
11
12
|
legend {
|
12
13
|
border: 0;
|
13
14
|
border-bottom: 1px solid $color-haze;
|
14
|
-
color: $color-black;
|
15
15
|
display: block;
|
16
16
|
font-size: 16px;
|
17
17
|
font-weight: bold;
|
@@ -23,7 +23,6 @@ legend {
|
|
23
23
|
width: 100%;
|
24
24
|
}
|
25
25
|
label {
|
26
|
-
color: $color-black;
|
27
26
|
display: block;
|
28
27
|
font-size: 13px;
|
29
28
|
font-weight: bold;
|
@@ -51,7 +50,7 @@ input[type="color"] {
|
|
51
50
|
border: 1px solid $color-haze;
|
52
51
|
border-radius: 2px;
|
53
52
|
box-sizing: border-box;
|
54
|
-
color:
|
53
|
+
color: inherit;
|
55
54
|
display: block;
|
56
55
|
font-size: 16px;
|
57
56
|
font-style: normal;
|
@@ -180,7 +179,7 @@ select[disabled] {
|
|
180
179
|
border-top-left-radius: 2px;
|
181
180
|
border-top-right-radius: 2px;
|
182
181
|
margin: 0;
|
183
|
-
padding: 5px 10px;
|
182
|
+
padding: 7px 10px 5px 10px;
|
184
183
|
}
|
185
184
|
.form-error-messages > ul {
|
186
185
|
border: 1px solid $color-haze;
|
@@ -249,6 +248,7 @@ select[disabled] {
|
|
249
248
|
font-size: 16px;
|
250
249
|
font-style: normal;
|
251
250
|
font-weight: normal;
|
251
|
+
line-height: 1;
|
252
252
|
padding: 0 13px;
|
253
253
|
}
|
254
254
|
.form-file-group-button {
|
@@ -257,7 +257,7 @@ select[disabled] {
|
|
257
257
|
border-top-right-radius: 0;
|
258
258
|
margin-right: -1px;
|
259
259
|
padding-bottom: 14px;
|
260
|
-
padding-top:
|
260
|
+
padding-top: 14px;
|
261
261
|
}
|
262
262
|
.form-file-group-addon { padding: 0; }
|
263
263
|
.form-input-group-addon:first-child,
|
@@ -346,10 +346,6 @@ select[disabled] {
|
|
346
346
|
width: 41px;
|
347
347
|
}
|
348
348
|
.form-select > select { text-overflow: ""; }
|
349
|
-
.form-select > select[disabled] {
|
350
|
-
background: $color-light-haze;
|
351
|
-
color: $color-gray;
|
352
|
-
}
|
353
349
|
.form-option {
|
354
350
|
display: inline-block;
|
355
351
|
margin-right: 5px;
|
@@ -527,6 +523,86 @@ select[disabled] {
|
|
527
523
|
}
|
528
524
|
.form-edge-small .form-select::before { width: 31px; }
|
529
525
|
|
526
|
+
/* # Colors
|
527
|
+
================================================== */
|
528
|
+
.form-dark legend,
|
529
|
+
.form-dark .form-header,
|
530
|
+
.form-dark .form-error-messages > ul,
|
531
|
+
.form-dark .form-file-group-button,
|
532
|
+
.form-dark .form-footer, { border-color: $color-dark-black; }
|
533
|
+
.form-dark textarea,
|
534
|
+
.form-dark select,
|
535
|
+
.form-dark input[type="text"],
|
536
|
+
.form-dark input[type="password"],
|
537
|
+
.form-dark input[type="datetime"],
|
538
|
+
.form-dark input[type="datetime-local"],
|
539
|
+
.form-dark input[type="date"],
|
540
|
+
.form-dark input[type="month"],
|
541
|
+
.form-dark input[type="time"],
|
542
|
+
.form-dark input[type="week"],
|
543
|
+
.form-dark input[type="number"],
|
544
|
+
.form-dark input[type="email"],
|
545
|
+
.form-dark input[type="url"],
|
546
|
+
.form-dark input[type="search"],
|
547
|
+
.form-dark input[type="tel"],
|
548
|
+
.form-dark input[type="color"],
|
549
|
+
.form-dark .form-error-messages > h4,
|
550
|
+
.form-dark .form-input-group-addon,
|
551
|
+
.form-dark .swoggle-off {
|
552
|
+
background: $color-light-black;
|
553
|
+
border-color: $color-dark-black;
|
554
|
+
}
|
555
|
+
.form-dark .form-error-messages,
|
556
|
+
.form-dark input[disabled],
|
557
|
+
.form-dark textarea[disabled],
|
558
|
+
.form-dark select[disabled] { background: $color-black; }
|
559
|
+
.form-dark .form-floating-label > label,
|
560
|
+
.form-dark .form-select::after { color: $color-white; }
|
561
|
+
.form-dark .form-checkbox,
|
562
|
+
.form-dark .form-radio,
|
563
|
+
.form-dark .slider-selection,
|
564
|
+
.form-dark .slider-selection.tick-slider-selection,
|
565
|
+
.form-dark .slider.slider-disabled .slider-handle { background: $color-dark-black; }
|
566
|
+
.form-dark .form-checkbox > label,
|
567
|
+
.form-dark .form-radio > label,
|
568
|
+
.form-dark .slider-track,
|
569
|
+
.form-dark .slider.slider-disabled .slider-track { background: $color-light-black; }
|
570
|
+
.form-dark .swoggle-off { border-color: $color-light-black; }
|
571
|
+
.form-light legend,
|
572
|
+
.form-light .form-header,
|
573
|
+
.form-light .form-error-messages > ul,
|
574
|
+
.form-light .form-file-group-button,
|
575
|
+
.form-light .form-footer,
|
576
|
+
.form-light textarea,
|
577
|
+
.form-light select,
|
578
|
+
.form-light input[type="text"],
|
579
|
+
.form-light input[type="password"],
|
580
|
+
.form-light input[type="datetime"],
|
581
|
+
.form-light input[type="datetime-local"],
|
582
|
+
.form-light input[type="date"],
|
583
|
+
.form-light input[type="month"],
|
584
|
+
.form-light input[type="time"],
|
585
|
+
.form-light input[type="week"],
|
586
|
+
.form-light input[type="number"],
|
587
|
+
.form-light input[type="email"],
|
588
|
+
.form-light input[type="url"],
|
589
|
+
.form-light input[type="search"],
|
590
|
+
.form-light input[type="tel"],
|
591
|
+
.form-light input[type="color"],
|
592
|
+
.form-light .form-error-messages > h4,
|
593
|
+
.form-light .form-input-group-addon { border-color: $color-dark-haze; }
|
594
|
+
.form-light input[disabled],
|
595
|
+
.form-light textarea[disabled],
|
596
|
+
.form-light select[disabled],
|
597
|
+
.form-light .swoggle-off { background: $color-haze; }
|
598
|
+
.form-light .form-checkbox,
|
599
|
+
.form-light .form-radio,
|
600
|
+
.form-light .slider-selection,
|
601
|
+
.form-light .slider-selection.tick-slider-selection,
|
602
|
+
.form-light .slider.slider-disabled .slider-handle { background: $color-dark-haze; }
|
603
|
+
.form-light .slider-track,
|
604
|
+
.form-light .slider.slider-disabled .slider-track { background: $color-white; }
|
605
|
+
|
530
606
|
/* # Media Queries
|
531
607
|
================================================== */
|
532
608
|
@media
|
@@ -2,6 +2,7 @@
|
|
2
2
|
==================================================
|
3
3
|
# Nav
|
4
4
|
# Tab
|
5
|
+
# Colors
|
5
6
|
# Media Queries */
|
6
7
|
|
7
8
|
/* # Nav
|
@@ -21,12 +22,6 @@
|
|
21
22
|
font-weight: bold;
|
22
23
|
line-height: 1;
|
23
24
|
}
|
24
|
-
.nav > li > a:hover,
|
25
|
-
.nav > li > a:active,
|
26
|
-
.nav > li > a:focus {
|
27
|
-
color: $color-dark-gray;
|
28
|
-
text-decoration: none;
|
29
|
-
}
|
30
25
|
.nav-header {
|
31
26
|
background: $color-primary;
|
32
27
|
border-top-right-radius: 2px;
|
@@ -50,7 +45,6 @@
|
|
50
45
|
margin-right: -15px;
|
51
46
|
}
|
52
47
|
.nav-list > li > a {
|
53
|
-
color: $color-dark-gray;
|
54
48
|
font-weight: bold;
|
55
49
|
padding: 13px 15px 11px 15px;
|
56
50
|
}
|
@@ -194,6 +188,65 @@
|
|
194
188
|
}
|
195
189
|
.tabs-right > .nav-tabs > li > a { border-radius: 0 2px 2px 0; }
|
196
190
|
|
191
|
+
/* # Colors
|
192
|
+
================================================== */
|
193
|
+
.nav-dark > li > a,
|
194
|
+
.nav-dark.nav-pills > li > a,
|
195
|
+
.nav-dark.nav-tabs.nav-stacked > li > a,
|
196
|
+
.nav-dark.nav-tabs .open .dropdown-toggle,
|
197
|
+
.nav-dark.nav-pills .open .dropdown-toggle,
|
198
|
+
.nav-dark > li.dropdown.open.active > a:hover,
|
199
|
+
.nav-dark > li.dropdown.open.active > a:active,
|
200
|
+
.nav-dark > li.dropdown.open.active > a:focus { color: $color-white; }
|
201
|
+
.nav-dark.nav-list > li > a:hover,
|
202
|
+
.nav-dark.nav-list > li > a:focus,
|
203
|
+
.nav-dark.nav-list > li > a:active,
|
204
|
+
.nav-dark.nav-list > .active > a,
|
205
|
+
.nav-dark.nav-list > .active > a:hover,
|
206
|
+
.nav-dark.nav-list > .active > a:active,
|
207
|
+
.nav-dark.nav-list > .active > a:focus,
|
208
|
+
.nav-dark.nav-pills > li > a,
|
209
|
+
.nav-dark.nav-tabs.nav-stacked > li > a,
|
210
|
+
.nav-dark.nav-tabs .open .dropdown-toggle,
|
211
|
+
.nav-dark.nav-pills .open .dropdown-toggle,
|
212
|
+
.nav-dark > li.dropdown.open.active > a:hover,
|
213
|
+
.nav-dark > li.dropdown.open.active > a:active,
|
214
|
+
.nav-dark > li.dropdown.open.active > a:focus { background: $color-light-black; }
|
215
|
+
.nav-dark.nav-tabs { border-bottom-color: $color-dark-black; }
|
216
|
+
.nav-dark.nav-tabs > li > a:hover,
|
217
|
+
.nav-dark.nav-tabs > li > a:active,
|
218
|
+
.nav-dark.nav-tabs > li > a:focus { border-bottom-color: $color-light-black; }
|
219
|
+
.nav-dark.nav-list > .divider,
|
220
|
+
.nav-dark.nav-pills > li > a:hover,
|
221
|
+
.nav-dark.nav-pills > li > a:active,
|
222
|
+
.nav-dark.nav-pills > li > a:focus,
|
223
|
+
.nav-dark.nav-tabs.nav-stacked > li > a:hover,
|
224
|
+
.nav-dark.nav-tabs.nav-stacked > li > a:focus { background: $color-dark-black; }
|
225
|
+
.nav-light.nav-list > li > a:hover,
|
226
|
+
.nav-light.nav-list > li > a:focus,
|
227
|
+
.nav-light.nav-list > li > a:active,
|
228
|
+
.nav-light.nav-list > .active > a,
|
229
|
+
.nav-light.nav-list > .active > a:hover,
|
230
|
+
.nav-light.nav-list > .active > a:active,
|
231
|
+
.nav-light.nav-list > .active > a:focus,
|
232
|
+
.nav-light.nav-pills > li > a,
|
233
|
+
.nav-light.nav-tabs.nav-stacked > li > a,
|
234
|
+
.nav-light.nav-tabs .open .dropdown-toggle,
|
235
|
+
.nav-light.nav-pills .open .dropdown-toggle,
|
236
|
+
.nav-light > li.dropdown.open.active > a:hover,
|
237
|
+
.nav-light > li.dropdown.open.active > a:active,
|
238
|
+
.nav-light > li.dropdown.open.active > a:focus,
|
239
|
+
.nav-light.nav-list > .divider,
|
240
|
+
.nav-light.nav-pills > li > a:hover,
|
241
|
+
.nav-light.nav-pills > li > a:active,
|
242
|
+
.nav-light.nav-pills > li > a:focus,
|
243
|
+
.nav-light.nav-tabs.nav-stacked > li > a:hover,
|
244
|
+
.nav-light.nav-tabs.nav-stacked > li > a:focus { background: $color-dark-haze; }
|
245
|
+
.nav-light.nav-tabs,
|
246
|
+
.nav-light.nav-tabs > li > a:hover,
|
247
|
+
.nav-light.nav-tabs > li > a:active,
|
248
|
+
.nav-light.nav-tabs > li > a:focus { border-bottom-color: $color-dark-haze; }
|
249
|
+
|
197
250
|
/* # Media Queries
|
198
251
|
================================================== */
|
199
252
|
@media
|
@@ -9,7 +9,7 @@
|
|
9
9
|
/* # Table
|
10
10
|
================================================== */
|
11
11
|
table {
|
12
|
-
background: $color-
|
12
|
+
background: $color-white;
|
13
13
|
border-collapse: collapse;
|
14
14
|
border-spacing: 0;
|
15
15
|
max-width: 100%;
|
@@ -19,6 +19,7 @@ table {
|
|
19
19
|
.table th,
|
20
20
|
.table td {
|
21
21
|
border-top: 1px solid $color-haze;
|
22
|
+
color: $color-black;
|
22
23
|
font-size: 16px;
|
23
24
|
line-height: 25px;
|
24
25
|
padding: 9px 10px 6px 10px;
|
@@ -156,9 +157,6 @@ table {
|
|
156
157
|
.table-light.table-striped tbody > tr:nth-child(odd) > th { background: $color-haze; }
|
157
158
|
.table-light.table-hover tbody tr:hover > td,
|
158
159
|
.table-light.table-hover tbody tr:hover > th { background: $color-dark-haze; }
|
159
|
-
.table-white caption,
|
160
|
-
.table-white th,
|
161
|
-
.table-white td { background: $color-white; }
|
162
160
|
|
163
161
|
/* # Media Queries
|
164
162
|
================================================== */
|