active_frontend 14.0.6 → 14.0.7

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
  SHA1:
3
- metadata.gz: 38eba05de6de7d6ea8764ea09b9c5795fb09f37e
4
- data.tar.gz: 8fdd788e2e1581bb284fd374d232c7443803a99a
3
+ metadata.gz: 4500a8aa2c78938a6b5e581c74087802a8f83bd7
4
+ data.tar.gz: 0e2238a3d4b4e8fe92bf5f872abac85f03556a97
5
5
  SHA512:
6
- metadata.gz: b8a333895b601fe7664c47439a3697e7c9829d45de77958805d24f1f076aacc6812a169ed43e3b66336ed1eb63eab1374862111d8eb77e64785dc83545b7fbce
7
- data.tar.gz: 758f3dd49cc50de523c63ef403c69d1ee9f4081a7a39d678e67184c5bc5fc14db891f8f484097e89ab6c5f431b1c42165578df4a0c94f7e501beccc9ca88648e
6
+ metadata.gz: ce58b6806be68c1bdfc0a1bc1e290d9f01a19747f37204e74e372092646ae0301136fcfef97ead93282c683decab28204762a1e1db9c15c845fe0446c3273658
7
+ data.tar.gz: dc7e0999e25a448f0024cfb958a32234588523a01747164e9eca19aace7c5267590600198a8c38e4330a1c6c61e03efd8d02f1d1ef9d8665ae8b06a12f34d9c2
@@ -1,3 +1,3 @@
1
1
  module ActiveFrontend
2
- VERSION = '14.0.6'.freeze
2
+ VERSION = '14.0.7'.freeze
3
3
  end
@@ -46,7 +46,7 @@
46
46
  @return darken(color($color), 2.5%);
47
47
  }
48
48
  @function color($color) {
49
- @return map-get($colors, $color);
49
+ @return map-get($colors, '' + $color);
50
50
  }
51
51
  @function lightish-color($color) {
52
52
  @return lighten(color($color), 2.5%);
@@ -34,38 +34,38 @@ $animation-durations: (
34
34
  // Color
35
35
  // ==================================================
36
36
  $colors-brand: (
37
- lime: rgba(221,234,76,1),
38
- green: rgba(90,195,137,1),
39
- teal: rgba(86,210,238,1),
40
- blue: rgba(31,140,235,1),
41
- indigo: rgba(126,97,234,1),
42
- purple: rgba(154,111,199,1),
43
- pink: rgba(255,127,127,1),
44
- red: rgba(224,78,80,1),
45
- orange: rgba(255,144,78,1),
46
- yellow: rgba(242,195,48,1)
37
+ 'lime': rgba(221,234,76,1),
38
+ 'green': rgba(90,195,137,1),
39
+ 'teal': rgba(86,210,238,1),
40
+ 'blue': rgba(31,140,235,1),
41
+ 'indigo': rgba(126,97,234,1),
42
+ 'purple': rgba(154,111,199,1),
43
+ 'pink': rgba(255,127,127,1),
44
+ 'red': rgba(224,78,80,1),
45
+ 'orange': rgba(255,144,78,1),
46
+ 'yellow': rgba(242,195,48,1)
47
47
  );
48
48
  $colors-grayscale: (
49
- transparent: rgba(0,0,0,0),
50
- dark-black: rgba(44,50,62,1),
51
- black: rgba(52,59,74,1),
52
- light-black: rgba(60,68,86,1),
53
- dark-gray: rgba(143,157,178,1),
54
- gray: rgba(155,167,186,1),
55
- light-gray: rgba(167,177,194,1),
56
- dark-haze: rgba(227,232,240,1),
57
- haze: rgba(239,242,248,1),
58
- light-haze: rgba(249,250,252,1),
59
- white: rgba(255,255,255,1)
49
+ 'transparent': rgba(0,0,0,0),
50
+ 'dark-black': rgba(44,50,62,1),
51
+ 'black': rgba(52,59,74,1),
52
+ 'light-black': rgba(60,68,86,1),
53
+ 'dark-gray': rgba(143,157,178,1),
54
+ 'gray': rgba(155,167,186,1),
55
+ 'light-gray': rgba(167,177,194,1),
56
+ 'dark-haze': rgba(227,232,240,1),
57
+ 'haze': rgba(239,242,248,1),
58
+ 'light-haze': rgba(249,250,252,1),
59
+ 'white': rgba(255,255,255,1)
60
60
  );
61
61
  $colors-global: (
62
- primary: map-get($colors-brand, blue),
63
- secondary: map-get($colors-brand, green),
64
- tertiary: map-get($colors-brand, red),
65
- quaditiary: map-get($colors-brand, yellow)
62
+ 'primary': map-get($colors-brand, 'blue'),
63
+ 'secondary': map-get($colors-brand, 'green'),
64
+ 'tertiary': map-get($colors-brand, 'red'),
65
+ 'quaditiary': map-get($colors-brand, 'yellow')
66
66
  );
67
67
  $colors: map-merge(map-merge($colors-brand, $colors-grayscale), $colors-global);
68
- $colors-black-text: transparent, dark-haze, haze, light-haze, white;
68
+ $colors-black-text: 'transparent', 'dark-haze', 'haze', 'light-haze', 'white';
69
69
 
70
70
  // Common
71
71
  // ==================================================
@@ -15,7 +15,7 @@
15
15
  box-sizing: border-box;
16
16
  color: color(black);
17
17
  display: block;
18
- padding: 10px 20px;
18
+ padding: 13px 20px;
19
19
  width: 100%;
20
20
 
21
21
  .alert-close { float: right; }
@@ -76,6 +76,16 @@
76
76
  }
77
77
  }
78
78
 
79
+ @each $name, $color in $colors-global {
80
+ &.#{$name} {
81
+ > li {
82
+ > a:active { color: color($name); }
83
+
84
+ &.active > a { color: color($name); }
85
+ }
86
+ }
87
+ }
88
+
79
89
  .divider {
80
90
  border-bottom-style: solid;
81
91
  border-bottom-width: 1px;
@@ -163,6 +173,19 @@
163
173
  }
164
174
  }
165
175
  }
176
+
177
+ @each $name, $color in $colors-global {
178
+ &.#{$name} {
179
+ > li {
180
+ > a:active,
181
+ &.active > a {
182
+ background: color($name);
183
+ border-color: dark-color($name);
184
+ color: color(white);
185
+ }
186
+ }
187
+ }
188
+ }
166
189
  }
167
190
  .nav-tabs {
168
191
  border-bottom-style: solid;
@@ -187,6 +210,19 @@
187
210
  color: color(primary);
188
211
  }
189
212
  }
213
+
214
+ @each $name, $color in $colors-global {
215
+ &.#{$name} {
216
+ > li {
217
+ > a:active { border-color: color($name); }
218
+
219
+ &.active > a {
220
+ border-color: color($name);
221
+ color: color($name);
222
+ }
223
+ }
224
+ }
225
+ }
190
226
  }
191
227
  .nav-stacked > li {
192
228
  float: none;
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: 14.0.6
4
+ version: 14.0.7
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-10-19 00:00:00.000000000 Z
11
+ date: 2016-10-20 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: rails