active_frontend 12.4.5 → 12.4.6

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: c5eb820526f0aa01a32bcd1677c1f8c196be6b31
4
- data.tar.gz: c1daf585358777a9d393359416aa6f34f3b1acd3
3
+ metadata.gz: 5872aefe65e1a4415c7efd01e8b4cd6466b26ab9
4
+ data.tar.gz: 8fc30726e2fb4ac31a2829892fb46ea955d8c184
5
5
  SHA512:
6
- metadata.gz: 36a36c72596c667c0b965724163f1321fb2580718c7fec8a7b658201331431e540498b5c34426311365c0f50f2a50ac9ceaf304f3082eb41d8620712ecb33fba
7
- data.tar.gz: 9b590ae6b9a9f3f8e9732949be6771358e23b3d01421415507781cb03ce08974b8eb0f09c55822bf7330f53b3843edad1201c2989c840d4b997355c40ad2cebe
6
+ metadata.gz: b45fa6e4cc78ef0b786ed09ad9b9df40d67349d8c5fe325b20fbab7c4fdeb85234e0a7a301e0b30c47446eae8b83218b6431c0192b95b90eca2e6c8151a20e84
7
+ data.tar.gz: 67f488647e393c106d5bbf66d1640e6fa94e9071cd175332437d36fdf39c4a5ab9c6c770810e2e41c3bbabd6a805bd6f494d49d075b8d7bf6e00e71956ca3393
@@ -1,3 +1,3 @@
1
1
  module ActiveFrontend
2
- VERSION = "12.4.5"
2
+ VERSION = "12.4.6"
3
3
  end
@@ -32,6 +32,15 @@
32
32
  padding-top: 7px;
33
33
  height: 22px;
34
34
  }
35
+ .header-brand > a > .label {
36
+ border-radius: 2px !important;
37
+ font-size: 9px;
38
+ float: right;
39
+ line-height: 1;
40
+ margin-top: 2px;
41
+ padding: 3px 3px 2px 3px;
42
+ text-transform: uppercase;
43
+ }
35
44
  .header-search {
36
45
  float: left;
37
46
  margin: -6px 0 0 20px;
@@ -113,16 +122,15 @@
113
122
  .header-nav > li.lined > a:focus { border-color: inherit; }
114
123
  .header-btn-group > li > a.active,
115
124
  .header-btn-group > li > a:active,
125
+ .header-btn-group > li > a.subactive,
116
126
  .header-nav > li.lined > a.active,
117
127
  .header-nav > li.lined > a:active,
118
- .header-nav > li.lined.active > a { border-color: $color-primary; }
119
- .header-btn-group > li > a.subactive,
128
+ .header-nav > li.lined.active > a,
120
129
  .header-nav > li.lined > a.subactive,
121
- .header-nav > li.lined.subactive > a { border-color: inherit; }
122
- .header-btn-group-label {
123
- background: $color-primary;
130
+ .header-nav > li.lined.subactive > a { border-color: $color-primary; }
131
+ .header-btn-group > li > a.subactive { background: $color-light-haze; }
132
+ .header-btn-group .label {
124
133
  border-radius: 2px;
125
- color: $color-white;
126
134
  display: inline-block;
127
135
  font-size: 9px;
128
136
  font-style: normal;
@@ -415,7 +423,8 @@
415
423
  .header-dark .header-collapse-title-btn:focus,
416
424
  .header-dark .header-collapse-navbar > a,
417
425
  .header-dark .header-btn-group > li.header-btn-group-nav > a:hover,
418
- .header-dark .header-btn-group > li.header-btn-group-nav > a:focus { background: $color-light-black; }
426
+ .header-dark .header-btn-group > li.header-btn-group-nav > a:focus,
427
+ .header-dark .header-btn-group > li > a.subactive { background: $color-light-black; }
419
428
  .header-dark.header-shadow { box-shadow: 0 1px 2px $color-dark-black; }
420
429
  .header-invisible,
421
430
  .header-invisible .header-btn-group,
@@ -442,7 +451,8 @@
442
451
  .header-light .header-collapse-title-btn:focus,
443
452
  .header-light .header-collapse-navbar > a,
444
453
  .header-light .header-btn-group > li.header-btn-group-nav > a:hover,
445
- .header-light .header-btn-group > li.header-btn-group-nav > a:focus { background: $color-dark-haze; }
454
+ .header-light .header-btn-group > li.header-btn-group-nav > a:focus,
455
+ .header-light .header-btn-group > li > a.subactive { background: $color-dark-haze; }
446
456
  .header-light.header-shadow { box-shadow: 0 1px 2px lighten($color-light-gray, 15%); }
447
457
 
448
458
  /* # Stripes
@@ -18,41 +18,46 @@
18
18
  width: 100%;
19
19
  }
20
20
  .subheader-nav {
21
- border-color: inherit;
21
+ border-color: $color-haze !important;
22
22
  list-style: none;
23
23
  margin: 0;
24
24
  padding: 0;
25
25
  }
26
+ .subheader-nav-toolbar-adjustment { margin-left: 34px; }
26
27
  .subheader-nav > li {
28
+ border-left: 1px solid;
27
29
  border-color: inherit;
28
30
  float: left;
29
- font-size: 11px;
31
+ font-size: 12px;
30
32
  font-weight: bold;
31
33
  line-height: 1;
32
- margin: 0 20px 0 0 !important;
34
+ margin: 0 !important;
35
+ }
36
+ .subheader-nav > li:last-child {
37
+ border-right: 1px solid;
38
+ border-color: inherit;
33
39
  }
34
- .subheader-nav > li:last-child { margin: 0 !important; }
35
40
  .subheader-nav > li > a {
36
41
  border-bottom: 4px solid $color-transparent;
42
+ box-sizing: border-box;
37
43
  display: block;
38
- padding: 11px 0 9px 0;
44
+ padding: 12px 20px 8px 20px;
45
+ min-width: 160px;
46
+ text-align: center;
39
47
  }
40
48
  .subheader-nav > li > a:hover,
41
49
  .subheader-nav > li > a:focus { border-color: inherit; }
42
50
  .subheader-nav > li > a.active,
43
51
  .subheader-nav > li > a:active { border-color: $color-primary; }
44
- .subheader-nav-label {
45
- background: $color-primary;
52
+ .subheader-nav > li > a.active { background: $color-light-haze; }
53
+ .subheader-nav .label {
46
54
  border-radius: 2px;
47
- color: $color-white;
48
- display: inline-block;
49
55
  font-size: 9px;
50
56
  font-style: normal;
51
57
  letter-spacing: 0;
52
58
  line-height: 1;
53
- margin: -5.5px 0 -5px 0;
59
+ margin: -6px 0 -4px 0;
54
60
  padding: 4px 5px 3px 5px;
55
- text-align: center;
56
61
  vertical-align: middle;
57
62
  }
58
63
 
@@ -71,23 +76,32 @@
71
76
  /* # Styles
72
77
  ================================================== */
73
78
  .subheader-dark,
74
- .subheader-dark .subheader-nav > li > a:hover,
75
- .subheader-dark .subheader-nav > li > a:focus {
79
+ .subheader-dark .subheader-nav {
76
80
  background: $color-black;
77
- border-color: $color-dark-black;
81
+ border-color: $color-dark-black !important;
78
82
  color: $color-white;
79
83
  }
84
+ .subheader-dark .subheader-nav > li > a.active { background: $color-light-black; }
80
85
  .subheader-dark.subheader-shadow { box-shadow: 0 1px 2px $color-dark-black; }
81
86
  .subheader-light,
82
- .subheader-light .subheader-nav > li > a:hover,
83
- .subheader-light .subheader-nav > li > a:focus {
87
+ .subheader-light .subheader-nav {
84
88
  background: $color-light-haze;
85
- border-color: $color-dark-haze;
89
+ border-color: $color-dark-haze !important;
86
90
  }
91
+ .subheader-light .subheader-nav > li > a.active { background: $color-dark-haze; }
87
92
  .subheader-light.subheader-shadow { box-shadow: 0 1px 2px lighten($color-light-gray, 15%); }
88
93
 
89
94
  /* # Media Queries
90
95
  ================================================== */
96
+ @media only screen and (max-width: 1365px) {
97
+ .subheader-nav > li > a { min-width: 140px; }
98
+ }
99
+ @media only screen and (max-width: 1199px) {
100
+ .subheader-nav > li > a { min-width: 120px; }
101
+ }
102
+ @media only screen and (max-width: 959px) {
103
+ .subheader-nav > li > a { min-width: 100px; }
104
+ }
91
105
  @media only screen and (max-width: 767px) {
92
106
  .subheader { display: none; }
93
107
  }
@@ -98,6 +112,9 @@ only screen and ( -o-min-device-pixel-ratio: 2/1),
98
112
  only screen and ( min-device-pixel-ratio: 2),
99
113
  only screen and ( min-resolution: 192dpi),
100
114
  only screen and ( min-resolution: 2dppx) {
101
- .subheader { border-width: 0.5px; }
115
+ .subheader,
116
+ .subheader-nav > li,
117
+ .subheader-nav > li:last-child { border-width: 0.5px; }
102
118
  .subheader-nav > li { font-weight: 500; }
119
+ .subheader-nav-toolbar-adjustment { margin-left: 34.5px; }
103
120
  }
@@ -84,12 +84,15 @@
84
84
  /* # Styles
85
85
  ================================================== */
86
86
  .toolbar-bordered > a {
87
- background: $color-transparent !important;
87
+ color: inherit !important;
88
88
  border-right-width: 4px !important;
89
89
  border-right-style: solid;
90
90
  border-right-color: $color-transparent;
91
+ text-indent: 1px;
91
92
  }
92
93
  .toolbar-bordered > a:hover,
94
+ .toolbar-bordered > a:focus { background: $color-transparent !important; }
95
+ .toolbar-bordered > a:hover,
93
96
  .toolbar-bordered > a.active,
94
97
  .toolbar-bordered > a:active,
95
98
  .toolbar-bordered > a:focus { border-right-color: $color-primary; }
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: active_frontend
3
3
  version: !ruby/object:Gem::Version
4
- version: 12.4.5
4
+ version: 12.4.6
5
5
  platform: ruby
6
6
  authors:
7
7
  - Juan Gomez
8
8
  autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2016-02-10 00:00:00.000000000 Z
11
+ date: 2016-02-11 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: rails