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: 8befca8ae1d12ad6aac1f19870a4614fdd156163
4
- data.tar.gz: 8e70ad1af67358fa0bad9679a027143bf1853b31
3
+ metadata.gz: 8466af290579948ee21196eecb1d625c434fdf9d
4
+ data.tar.gz: 716714b34b1a33c942bb0f0d075ef92940d0a3ce
5
5
  SHA512:
6
- metadata.gz: cada06a1665504ea429d497c5c8df69567650739d59219cbc85720cf5ce315bc16997e6cb1d55ee00cd425c6174aeb962c7ea6952ea6ada6ff0e964527870504
7
- data.tar.gz: 70ecef2423f77aaeb3f9f3ac1f33b8e5d9d1c24edaec86a439f6543be365782e269248a098260daf13734de508172bb3ce84d14641580b5b28f530f9864d4c89
6
+ metadata.gz: 620b4ba038da4e0492d76d4200a369076961d599f9c2edf451fc05d096bdb42defa8395b6eabb728803281b4eb5a810b2276844fe38031b992218f469b2606b3
7
+ data.tar.gz: 5ec06f5b439704a96e5be72a247437954cad68a3dad3e9478f9866743a027bdb3a20b7ca13ba979f2646cc3f021c5617790f7584577b5bcfb6aacb172736ae44
@@ -1,3 +1,3 @@
1
1
  module ActiveFrontend
2
- VERSION = "11.0.0"
2
+ VERSION = "11.1.0"
3
3
  end
@@ -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: $color-black;
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: 15px;
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-transparent;
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
  ================================================== */
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: active_frontend
3
3
  version: !ruby/object:Gem::Version
4
- version: 11.0.0
4
+ version: 11.1.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Juan Gomez