active_frontend 16.0.19 → 16.0.20

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: f897019b1f24a35ff666ba25e598ccedc4a92f4aa26971131bf172a52904ab01
4
- data.tar.gz: 1b4c00ef414e30a837fef27b4e7328b62b067614fd33c4378981fe5ff1af8232
3
+ metadata.gz: 23e8a3dbbc928a77632e82eb2d289be2c0bfeb773dca85f4f6fc5d607b7a8a80
4
+ data.tar.gz: 76880f482268ac55ab0e72e5c57e45faf5e1e17596138a8f445f556cb5771c40
5
5
  SHA512:
6
- metadata.gz: f5933eaaeef301f9371337ed4912ae21af7c2e4e5523f5f56140e8400d48f9c98dd040514de90b1f43eda5c70f81de87a5056781d7932175af14f37424a34503
7
- data.tar.gz: 4586d3c6fc453665dcab610112b9d5e830bba38457930c56b9c79ad5a2c290e001e5ae78d65f5f0c775ea43aff1ad85eecb90f2eaa947aa6edf03e9aa31b86ae
6
+ metadata.gz: '09595c1e95d557641febf4ce48e22b2a703a20743e46ddaa820e816a5d55070eff697c0631ad39060740f03ffe1f3bb6434f529f0aa0b570abd12a1bcb679667'
7
+ data.tar.gz: 611f5f616bde8ad6ab6df923ff851ee53c3a2d04cbed89bfb956fb96d97329aeb372f91c7765d98eeff80f61b842e304f3d0bd4f0a8b8e0de8c76ac5f1f41b24
@@ -1,5 +1,5 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module ActiveFrontend
4
- VERSION ||= '16.0.19'
4
+ VERSION ||= '16.0.20'
5
5
  end
@@ -1,9 +1,9 @@
1
1
  // Table of Contents
2
2
  // ==================================================
3
3
  // Button
4
+ // Sizes
4
5
  // Colors
5
6
  // Styles
6
- // Sizes
7
7
  // Groups
8
8
  // Data Toggles
9
9
  // Media Queries
@@ -31,22 +31,24 @@
31
31
  vertical-align: middle;
32
32
  white-space: nowrap;
33
33
 
34
- @if ($pseudo-elements) {
35
- &:hover,
36
- &.active,
37
- &:focus {
38
- background: darkish-color(haze);
39
- border-color: darkish-color(haze);
40
- }
41
- &:active,
42
- &.disabled,
43
- &[disabled] {
44
- background: lightish-color(haze);
45
- border-color: lightish-color(haze);
46
- color: transparentize(color(slate), 0.35);
34
+ &:not(.btn-static) {
35
+ @if ($pseudo-elements) {
36
+ &:hover,
37
+ &.active,
38
+ &:focus {
39
+ background: darkish-color(haze);
40
+ border-color: darkish-color(haze);
41
+ }
42
+ &:active,
43
+ &.disabled,
44
+ &[disabled] {
45
+ background: lightish-color(haze);
46
+ border-color: lightish-color(haze);
47
+ color: transparentize(color(slate), 0.35);
48
+ }
49
+ &.disabled,
50
+ &[disabled] { cursor: not-allowed; }
47
51
  }
48
- &.disabled,
49
- &[disabled] { cursor: not-allowed; }
50
52
  }
51
53
 
52
54
  .badge,
@@ -64,6 +66,51 @@
64
66
  }
65
67
  }
66
68
 
69
+ // Sizes
70
+ // ==================================================
71
+ .btn-size-l,
72
+ .btn-size-m { font-size: text-size(m); }
73
+ .btn-size-l { padding: 21px 30px; }
74
+ .btn-size-m { padding: 16px 25px; }
75
+ .btn-size-s {
76
+ font-size: text-size(s);
77
+ padding: 8px 15px 9px;
78
+ }
79
+ .btn-icon {
80
+ max-width: 44px;
81
+ padding: 13px 0;
82
+ width: 44px;
83
+
84
+ &.btn-size-l,
85
+ &.btn-size-m { font-size: text-size(l); }
86
+ &.btn-size-l {
87
+ max-width: 62px;
88
+ padding: 20px 0;
89
+ width: 62px;
90
+ }
91
+ &.btn-size-m {
92
+ max-width: 52px;
93
+ padding: 15px 0;
94
+ width: 52px;
95
+ }
96
+ &.btn-size-s {
97
+ max-width: 33px;
98
+ padding: 8.5px 0;
99
+ width: 33px;
100
+ }
101
+ &.btn-link {
102
+ max-width: initial;
103
+ width: initial;
104
+ }
105
+ }
106
+ .btn-block {
107
+ display: block;
108
+ min-width: 100%;
109
+ padding-left: 0;
110
+ padding-right: 0;
111
+ width: 100%;
112
+ }
113
+
67
114
  // Colors
68
115
  // ==================================================
69
116
  @each $name, $color in map-keys($colors) {
@@ -72,53 +119,59 @@
72
119
  border-color: color($name);
73
120
  color: text-color-on($name);
74
121
 
75
- &.btn-link,
76
- &.btn-outline { color: color($name); }
77
- &.btn-link {
122
+ &:not(.btn-static) {
78
123
  @if ($pseudo-elements) {
79
124
  &:hover,
80
125
  &.active,
81
- &:focus { color: darkish-color($name); }
82
- &:active,
83
- &.disabled,
84
- &[disabled] { color: lightish-color($name); }
85
- }
86
- }
87
- &.btn-outline {
88
- border-color: color($name);
89
-
90
- @if ($pseudo-elements) {
91
- &:hover,
92
- &:active,
93
- &.active,
94
- &:focus,
95
- &.disabled,
96
- &[disabled] {
126
+ &:focus {
97
127
  background: darkish-color($name);
98
128
  border-color: darkish-color($name);
99
- color: text-color-on($name);
100
129
  }
130
+ &:active,
101
131
  &.disabled,
102
132
  &[disabled] {
103
- background: color(transparent);
104
- color: color($name);
133
+ background: lightish-color($name);
134
+ border-color: lightish-color($name);
135
+ color: transparentize(text-color-on($name), 0.35);
105
136
  }
106
137
  }
107
138
  }
108
139
 
109
- @if ($pseudo-elements) {
110
- &:hover,
111
- &.active,
112
- &:focus {
113
- background: darkish-color($name);
114
- border-color: darkish-color($name);
140
+ &.btn-link,
141
+ &.btn-outline { color: color($name); }
142
+ &.btn-link {
143
+ &:not(.btn-static) {
144
+ @if ($pseudo-elements) {
145
+ &:hover,
146
+ &.active,
147
+ &:focus { color: darkish-color($name); }
148
+ &:active,
149
+ &.disabled,
150
+ &[disabled] { color: lightish-color($name); }
151
+ }
115
152
  }
116
- &:active,
117
- &.disabled,
118
- &[disabled] {
119
- background: lightish-color($name);
120
- border-color: lightish-color($name);
121
- color: transparentize(text-color-on($name), 0.35);
153
+ }
154
+ &.btn-outline {
155
+ border-color: color($name);
156
+
157
+ &:not(.btn-static) {
158
+ @if ($pseudo-elements) {
159
+ &:hover,
160
+ &:active,
161
+ &.active,
162
+ &:focus,
163
+ &.disabled,
164
+ &[disabled] {
165
+ background: darkish-color($name);
166
+ border-color: darkish-color($name);
167
+ color: text-color-on($name);
168
+ }
169
+ &.disabled,
170
+ &[disabled] {
171
+ background: color(transparent);
172
+ color: color($name);
173
+ }
174
+ }
122
175
  }
123
176
  }
124
177
  }
@@ -130,9 +183,11 @@
130
183
  .btn-outline {
131
184
  background: color(transparent);
132
185
 
133
- @if ($pseudo-elements) {
134
- .disabled,
135
- &[disabled] { background: inherit; }
186
+ &:not(.btn-static) {
187
+ @if ($pseudo-elements) {
188
+ .disabled,
189
+ &[disabled] { background: inherit; }
190
+ }
136
191
  }
137
192
  }
138
193
  .btn-link {
@@ -140,59 +195,15 @@
140
195
  border-radius: 0;
141
196
  padding: 0;
142
197
 
143
- @if ($pseudo-elements) {
144
- &:hover,
145
- &:active,
146
- &.active,
147
- &:focus,
148
- &.disabled,
149
- &[disabled] { background: inherit; }
150
- }
151
- }
152
- .btn-block {
153
- display: block;
154
- min-width: 100%;
155
- padding-left: 0;
156
- padding-right: 0;
157
- width: 100%;
158
- }
159
-
160
- // Sizes
161
- // ==================================================
162
- .btn-size-l,
163
- .btn-size-m { font-size: text-size(m); }
164
- .btn-size-l { padding: 21px 30px; }
165
- .btn-size-m { padding: 16px 25px; }
166
- .btn-size-s {
167
- font-size: text-size(s);
168
- padding: 8px 15px 9px;
169
- }
170
- .btn-icon {
171
- max-width: 44px;
172
- padding: 13px 0;
173
- width: 44px;
174
-
175
- &.btn-size-l,
176
- &.btn-size-m { font-size: text-size(l); }
177
- &.btn-size-l {
178
- max-width: 62px;
179
- padding: 20px 0;
180
- width: 62px;
181
- }
182
- &.btn-size-m {
183
- max-width: 52px;
184
- padding: 15px 0;
185
- width: 52px;
186
- }
187
- &.btn-size-s {
188
- max-width: 33px;
189
- padding: 8.5px 0;
190
- width: 33px;
191
- }
192
- &.btn-link {
193
- max-width: initial;
194
- padding: 0;
195
- width: initial;
198
+ &:not(.btn-static) {
199
+ @if ($pseudo-elements) {
200
+ &:hover,
201
+ &:active,
202
+ &.active,
203
+ &:focus,
204
+ &.disabled,
205
+ &[disabled] { background: inherit; }
206
+ }
196
207
  }
197
208
  }
198
209
 
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: 16.0.19
4
+ version: 16.0.20
5
5
  platform: ruby
6
6
  authors:
7
7
  - Juan Gomez
8
8
  autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2018-03-27 00:00:00.000000000 Z
11
+ date: 2018-03-28 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: rails