active_frontend 12.1.4 → 12.1.5

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: 658a84497bab5053a3d75c5897606c16895d62d1
4
- data.tar.gz: ad25aaa0ba09d7e1f1a9c3ab68f372ecafa3a13a
3
+ metadata.gz: 709616d63c9af502be739785f138c3489d2f104b
4
+ data.tar.gz: 6c3b59013d189bcd6d3409a17ba3bd57558b5b04
5
5
  SHA512:
6
- metadata.gz: b8349706e8b6e07777733ab9ed431000962d5003b665ca6dd0a66b76dbcb6a5b6986a5c49c9a99b36082c88475dd0d39959b3a8aeb715f7215f30a63b6bec66c
7
- data.tar.gz: 01502a09f970a4f719ede05e0ce88e583824276b4a03aa11571117bdf68479704ef176e25f95f8584e6c49d25da83e1a0efef3783c240da4d3685ba9fc904566
6
+ metadata.gz: e4811418265e7bb7f8420c60b5731a916f47d5e7ba86304ed01b9fbf85c4a816eca8c647b0163364b0c8f4b49b613ea36a8bc4106b6a1892bfa0cbb31219e5c9
7
+ data.tar.gz: f89acfdde0d817dceef9705ef39d44529973124e2f21ef2dac64980b9889b9298f479ff402f46030ab9bb00e653c85ab21e74d194459c416b7206f59cf8fae3e
@@ -1,3 +1,3 @@
1
1
  module ActiveFrontend
2
- VERSION = "12.1.4"
2
+ VERSION = "12.1.5"
3
3
  end
@@ -98,16 +98,16 @@ textarea:focus:valid,
98
98
  select:focus:valid,
99
99
  input:focus:valid:focus,
100
100
  textarea:focus:valid:focus,
101
- select:focus:valid:focus { border-color: $color-green; }
101
+ select:focus:valid:focus { border-color: $color-green !important; }
102
102
  input:focus:invalid,
103
103
  textarea:focus:invalid,
104
104
  select:focus:invalid {
105
- border-color: $color-red;
106
- color: $color-red;
105
+ border-color: $color-red !important;
106
+ color: $color-red !important;
107
107
  }
108
108
  input:focus:invalid:focus,
109
109
  textarea:focus:invalid:focus,
110
- select:focus:invalid:focus { border-color: $color-red; }
110
+ select:focus:invalid:focus { border-color: $color-red !important; }
111
111
  input[disabled],
112
112
  textarea[disabled],
113
113
  select[disabled] {
@@ -77,26 +77,18 @@ $sizes: (
77
77
  }
78
78
  .hidden { display: none !important; }
79
79
  .hidden-desktop { display: none !important; }
80
- .hidden-laptop { display: inherit !important; }
81
- .hidden-tablet { display: inherit !important; }
82
- .hidden-phone { display: inherit !important; }
83
80
  .visible { display: inherit !important; }
84
- .visible-laptop { display: inherit !important; }
85
- .visible-laptop { display: none !important; }
86
- .visible-tablet { display: none !important; }
87
81
  .visible-phone { display: none !important; }
82
+ .visible-tablet { display: none !important; }
83
+ .visible-laptop { display: none !important; }
88
84
 
89
85
  /* # Laptop
90
86
  ================================================== */
91
87
  @media only screen and (min-width: 960px) and (max-width: 1365px) {
92
88
  .hidden-desktop { display: inherit !important; }
93
89
  .hidden-laptop { display: none !important; }
94
- .hidden-tablet { display: inherit !important; }
95
- .hidden-phone { display: inherit !important; }
96
90
  .visible-desktop { display: none !important ; }
97
91
  .visible-laptop { display: inherit !important; }
98
- .visible-tablet { display: none !important; }
99
- .visible-phone { display: none !important ; }
100
92
  }
101
93
 
102
94
  /* # Tablet
@@ -105,11 +97,9 @@ $sizes: (
105
97
  .hidden-desktop { display: inherit !important; }
106
98
  .hidden-laptop { display: inherit !important; }
107
99
  .hidden-tablet { display: none !important; }
108
- .hidden-phone { display: inherit !important; }
109
100
  .visible-desktop { display: none !important ; }
110
101
  .visible-laptop { display: none !important ; }
111
102
  .visible-tablet { display: inherit !important; }
112
- .visible-phone { display: none !important ; }
113
103
  }
114
104
 
115
105
  /* # Mobile
@@ -131,11 +121,9 @@ $sizes: (
131
121
  }
132
122
  .hidden-desktop { display: inherit !important; }
133
123
  .hidden-laptop { display: inherit !important; }
134
- .hidden-tablet { display: inherit !important; }
135
124
  .hidden-phone { display: none !important; }
136
125
  .visible-desktop { display: none !important; }
137
126
  .visible-laptop { display: none !important; }
138
- .visible-tablet { display: none !important; }
139
127
  .visible-phone { display: inherit !important; }
140
128
  }
141
129
 
@@ -158,6 +146,12 @@ $sizes: (
158
146
  .row-small { margin-bottom: 10px; }
159
147
  .row-medium { margin-bottom: 40px; }
160
148
  .row-large { margin-bottom: 60px; }
149
+ @media only screen and (max-width: 767px) {
150
+ .row-responsive { margin-bottom: 20px; }
151
+ .row-responsive-small { margin-bottom: 10px; }
152
+ .row-responsive-medium { margin-bottom: 40px; }
153
+ .row-responsive-large { margin-bottom: 60px; }
154
+ }
161
155
 
162
156
  /* # Clearing
163
157
  ================================================== */
@@ -38,6 +38,7 @@
38
38
  .header-search button,
39
39
  .header-search input,
40
40
  .header-search select { margin: 0; }
41
+ .header-btn-group,
41
42
  .header-nav,
42
43
  .header-nav-alt,
43
44
  .header-toolchain {
@@ -46,14 +47,22 @@
46
47
  margin: 9px 0 0 0;
47
48
  padding: 0;
48
49
  }
50
+ .header-btn-group,
49
51
  .header-nav { float: left; }
52
+ .header-btn-group {
53
+ box-sizing: border-box;
54
+ display: inline-block;
55
+ margin: -15px 0 0 0;
56
+ }
50
57
  .header-toolchain { margin: 1px 25px 0 0; }
58
+ .header-btn-group > li,
51
59
  .header-nav > li,
52
60
  .header-nav-alt > li,
53
61
  .header-toolchain > li {
54
62
  float: left;
55
63
  line-height: 1;
56
64
  }
65
+ .header-btn-group > li,
57
66
  .header-nav > li,
58
67
  .header-nav-alt > li {
59
68
  font-size: 12px;
@@ -61,6 +70,43 @@
61
70
  letter-spacing: 1px;
62
71
  text-transform: uppercase;
63
72
  }
73
+ .header-btn-group > li {
74
+ box-sizing: border-box;
75
+ float: left;
76
+ margin-left: 20px;
77
+ }
78
+ .header-btn-group > li > a {
79
+ border-bottom: 3px solid $color-transparent;
80
+ box-sizing: border-box;
81
+ display: block;
82
+ padding: 19px 0 15px 0;
83
+ text-align: center;
84
+ vertical-align: middle;
85
+ }
86
+ .header-btn-group > li > a:hover,
87
+ .header-btn-group > li > a.active,
88
+ .header-btn-group > li > a:active,
89
+ .header-btn-group > li > a:focus { color: $color-primary; }
90
+ .header-btn-group > li > a.active,
91
+ .header-btn-group > li > a:active { border-color: $color-primary; }
92
+ .header-btn-group > li > a > i {
93
+ display: inline-block;
94
+ font-size: 22px;
95
+ letter-spacing: 0;
96
+ vertical-align: middle;
97
+ }
98
+ .header-btn-group-label {
99
+ background: $color-primary;
100
+ border-radius: 2px;
101
+ color: $color-white;
102
+ display: inline-block;
103
+ font-size: 9px;
104
+ font-style: normal;
105
+ letter-spacing: 0;
106
+ line-height: 1;
107
+ padding: 4px 5px 3px 5px;
108
+ text-align: center;
109
+ }
64
110
  .header-toolchain > li { font-size: 26px; }
65
111
  .header-nav > li,
66
112
  .header-nav > li.btn-group,
@@ -185,8 +231,15 @@
185
231
  color: $color-white;
186
232
  }
187
233
  .header-primary .header-brand > a,
234
+ .header-primary .header-btn-group > li,
235
+ .header-primary .header-btn-group > li > a,
188
236
  .header-primary .header-toggle > a { color: $color-white; }
237
+ .header-primary .header-btn-group-label { background: $color-black; }
189
238
  .header-primary .header-search,
239
+ .header-primary .header-btn-group > li > a:hover,
240
+ .header-primary .header-btn-group > li > a.active,
241
+ .header-primary .header-btn-group > li > a:active,
242
+ .header-primary .header-btn-group > li > a:focus,
190
243
  .header-primary .header-nav > li > a:hover,
191
244
  .header-primary .header-nav > li > a.active,
192
245
  .header-primary .header-nav > li > a:active,
@@ -54,8 +54,7 @@
54
54
  .sidebar-scrollable {
55
55
  border-bottom: 1px solid;
56
56
  border-color: inherit;
57
- height: auto;
58
- max-height: calc(50% - 50px);
57
+ height: calc(50% - 50px);
59
58
  @include overflow-scrolling(touch);
60
59
  overflow-x: hidden;
61
60
  overflow-y: auto;
@@ -16,8 +16,6 @@
16
16
  max-height: 100%;
17
17
  height: 100%;
18
18
  @include overflow-scrolling(touch);
19
- overflow-x: hidden;
20
- overflow-y: auto;
21
19
  max-width: 55px;
22
20
  width: 55px;
23
21
  }
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: 12.1.4
4
+ version: 12.1.5
5
5
  platform: ruby
6
6
  authors:
7
7
  - Juan Gomez