active_frontend 14.0.13 → 14.0.14

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: d6cde762105f16668662d4269276bf79d454829b
4
- data.tar.gz: 4d694c9fa5bd6dc124f316646aa7432bb255102b
3
+ metadata.gz: 3d34288e92fa18cc383b611b92a4d766d5c17dc8
4
+ data.tar.gz: c82a1e7aefe7515096246e50dc698c9fb47babeb
5
5
  SHA512:
6
- metadata.gz: ca4ecf5d92279c8db209e6aaa004268f177128d1eb9166a9fa420e23e53ceeee1ad963c8ab13a72311e28f0d025ba42faead4b1f6772df04da72f4683f12f0cb
7
- data.tar.gz: a5d483e6abcd1ca9a76749f044719e0661098c23ba2d76381f2805149f2cc076c38b3607093765e831fcb3ba2959e34bd7bf71b48087dbdb12dca7dd95d7977b
6
+ metadata.gz: 5ae648f30d44fca1f17a1d9f9752142b14d4e5f6e8d9ae485a4fb8902f4571d12bd249456440401adb637666862f17ef2a02640f6b951a3e30d1cd19fa2ca91e
7
+ data.tar.gz: 4dc1979ea232bdc7af47a62b5d832dc8f7436db62856189a338a81234dc84d4bedbd7672bb5ffd84efb31dda205a107bf19439a384a0bc045ed21fabc095764e
@@ -1,3 +1,3 @@
1
1
  module ActiveFrontend
2
- VERSION = '14.0.13'.freeze
2
+ VERSION = '14.0.14'.freeze
3
3
  end
@@ -36,7 +36,12 @@
36
36
  &:focus { background: darkish-color(haze); }
37
37
  &:active,
38
38
  &.disabled,
39
- &[disabled] { background: lightish-color(haze); }
39
+ &[disabled] {
40
+ background: lightish-color(haze);
41
+ color: transparentize(color(black), 0.35);
42
+ }
43
+ &.disabled,
44
+ &[disabled] { cursor: not-allowed; }
40
45
 
41
46
  .badge,
42
47
  .label {
@@ -77,6 +82,8 @@
77
82
  border-color: darker-color($name);
78
83
  color: text-color-on($name);
79
84
  }
85
+ &.disabled,
86
+ &[disabled] { color: color($name); }
80
87
  }
81
88
 
82
89
  &:hover,
@@ -84,14 +91,22 @@
84
91
  &:focus { background: darkish-color($name); }
85
92
  &:active,
86
93
  &.disabled,
87
- &[disabled] { background: lightish-color($name); }
94
+ &[disabled] {
95
+ background: lightish-color($name);
96
+ color: transparentize(text-color-on($name), 0.35);
97
+ }
88
98
  }
89
99
  }
90
100
 
91
101
  // Styles
92
102
  // ==================================================
93
103
  .btn-link,
94
- .btn-outline { background: color(transparent); }
104
+ .btn-outline {
105
+ background: color(transparent);
106
+
107
+ .disabled,
108
+ &[disabled] { background: inherit; }
109
+ }
95
110
  .btn-link {
96
111
  border-color: color(transparent);
97
112
  border-radius: 0;
@@ -8,6 +8,7 @@
8
8
  // Labels
9
9
  // Addons
10
10
 
11
+ // scss-lint:disable ImportantRule
11
12
  // scss-lint:disable NestingDepth
12
13
  // scss-lint:disable SelectorDepth
13
14
 
@@ -58,6 +59,10 @@ textarea {
58
59
 
59
60
  &:focus { border-color: color(blue); }
60
61
  &:focus:invalid { border-color: color(red); }
62
+ }
63
+ input:not([type='submit']),
64
+ select,
65
+ textarea {
61
66
  &[disabled] {
62
67
  @include text-fill-color(color(dark-gray));
63
68
  background: color(light-haze);
@@ -99,6 +104,8 @@ select {
99
104
 
100
105
  [multiple],
101
106
  [size] { height: auto; }
107
+
108
+ &[disabled] { font-weight: text-weight(semilight); }
102
109
  }
103
110
  textarea {
104
111
  height: 140px;
@@ -438,6 +445,7 @@ textarea {
438
445
  position: relative;
439
446
  width: 100%;
440
447
 
448
+ button,
441
449
  input,
442
450
  select,
443
451
  .btn,
@@ -464,13 +472,20 @@ textarea {
464
472
  white-space: nowrap;
465
473
  width: 1%;
466
474
 
467
- &.dark { border-color: color(dark-black); }
468
-
469
475
  i {
470
476
  display: inline-block;
471
477
  margin-top: -2px;
472
478
  }
473
479
 
480
+ &.dark { border-color: color(dark-black); }
481
+ &.with-addon-btn {
482
+ border: 0;
483
+ min-width: auto;
484
+ padding: 0;
485
+
486
+ .btn { border-radius: 0; }
487
+ }
488
+
474
489
  .form-checkbox,
475
490
  .form-radio { border: 0; }
476
491
 
@@ -492,10 +507,20 @@ textarea {
492
507
  *:first-child {
493
508
  border-bottom-left-radius: border-radius(b);
494
509
  border-top-left-radius: border-radius(b);
510
+
511
+ .btn {
512
+ border-bottom-left-radius: border-radius(b) !important;
513
+ border-top-left-radius: border-radius(b) !important;
514
+ }
495
515
  }
496
516
  *:last-child {
497
517
  border-bottom-right-radius: border-radius(b);
498
518
  border-top-right-radius: border-radius(b);
519
+
520
+ .btn {
521
+ border-bottom-right-radius: border-radius(b) !important;
522
+ border-top-right-radius: border-radius(b) !important;
523
+ }
499
524
  }
500
525
  *:not(:last-child) { border-right: 0; }
501
526
 
@@ -526,6 +551,7 @@ textarea {
526
551
  }
527
552
 
528
553
  i { font-size: text-size(s); }
554
+ button,
529
555
  input,
530
556
  select { margin-bottom: 0; }
531
557
  }
@@ -9,7 +9,6 @@
9
9
  // ==================================================
10
10
  .nav {
11
11
  border-color: color(dark-haze);
12
- font-weight: text-weight(semibold);
13
12
  list-style: none;
14
13
  padding: 0;
15
14
 
@@ -201,12 +200,12 @@
201
200
  padding-bottom: 8px;
202
201
 
203
202
  &:hover,
203
+ &:active,
204
204
  &:focus { border-color: inherit; }
205
- &:active { border-color: color(primary); }
206
205
  }
207
206
 
208
207
  &.active > a {
209
- border-color: color(primary);
208
+ border-color: inherit;
210
209
  color: color(primary);
211
210
  }
212
211
  }
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.13
4
+ version: 14.0.14
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-11-02 00:00:00.000000000 Z
11
+ date: 2016-11-11 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: rails