dvla_internal_frontend_toolkit 2.1.6 → 2.1.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: d122e13e8f05f34ac255f2b1b52d3148e8455814
4
- data.tar.gz: 9ddbe2427135515f9f87836afe6e012f24d1efdf
3
+ metadata.gz: fdd5ff433e2f9c3f4889bd39324a88ebc48dc773
4
+ data.tar.gz: 336311de0d422622cb0216f17f5fedda748ccd56
5
5
  SHA512:
6
- metadata.gz: b61b29ae2da78d770f53f90a42e271625d79c098a6bf6481ec1212463fef624ad99bd685e1824ef76856e07f1e5c1b83d6f9496f9357738a6982dbd66795d4c6
7
- data.tar.gz: d177aaf9e89ffe629206bd1aeec5ab343178ca2e0e78b417cfe6359628becd26582bf7931645d2b35ba94b132b94047dc4c041c8b1a6459c51f94c37aa33f46f
6
+ metadata.gz: a0838ef5783c1a31067ee938e64376df928d7081031d2739c6662f2f2cedf887f5e2e221f4601d5170f140a76505d6315c7c51e66a236ac25f3b0103e5621be3
7
+ data.tar.gz: 3e0fed03275974eeb87dc6b4d9e2f5e6a8487f85e1013e96314e34609db7f6b2492c80875015e6e380a1a3100a05d8f4ef4a5e920d22cad7d8983358beee84f0
@@ -12,6 +12,7 @@
12
12
  @import "elements/navigation";
13
13
  @import "elements/tables";
14
14
  @import "elements/tabs";
15
+ @import "elements/tags";
15
16
  @import "elements/typography";
16
17
  @import "elements/validation";
17
18
  @import "elements/data";
@@ -0,0 +1,86 @@
1
+ @mixin tag() {
2
+ border-radius: 2px;
3
+ border-width: 0;
4
+ border-style: solid;
5
+ font-size: 14px;
6
+ line-height: 28px;
7
+ font-weight: bold;
8
+ display: inline-block;
9
+ position: relative;
10
+
11
+ &.orange {
12
+ border-color: #DD810A;
13
+ color: #DD810A;
14
+ background-color: rgba($color: #EA890B, $alpha: 0.15);
15
+ }
16
+
17
+ &.green {
18
+ border-color: #659600;
19
+ color: #659600;
20
+ background-color: rgba($color: #74AD00, $alpha: 0.10);
21
+ }
22
+
23
+ &.grey {
24
+ border-color: #4A4A4A;
25
+ color: #4A4A4A;
26
+ background-color: rgba($color: #9B9B9B, $alpha: 0.15);
27
+ }
28
+
29
+ &.blue {
30
+ border-color: #2782b7;
31
+ color: #2782b7;
32
+ background-color: rgba($color: #599bc1, $alpha: 0.15);
33
+ }
34
+
35
+ &.red {
36
+ border-color: #DF3034;
37
+ color: #DF3034;
38
+ background-color: rgba($color: #ea4a4e, $alpha: 0.15);
39
+ }
40
+
41
+ & + & {
42
+ margin-left: 16px;
43
+ }
44
+
45
+ &.stretch {
46
+ display: block;
47
+ text-align: left;
48
+ }
49
+
50
+ &.stretch + &.stretch {
51
+ margin-left: 0;
52
+ margin-top: 16px;
53
+ }
54
+ }
55
+
56
+ .tag-basic {
57
+ @include tag();
58
+ border-left-width: 3px;
59
+ padding: 0 18px;
60
+
61
+ }
62
+
63
+ .tag-interactive {
64
+ @include tag();
65
+ padding: 0 40px 0 18px;
66
+
67
+ .tag-remove {
68
+ width: 28px;
69
+ height: 28px;
70
+ display: block;
71
+ position: absolute;
72
+ background-color: rgba($black, 0.05);
73
+ top: 0;
74
+ right: 0;
75
+ text-align: center;
76
+
77
+ &::after {
78
+ font-family: $icon-font;
79
+ content: '\e90d';
80
+ }
81
+
82
+ &:hover {
83
+ cursor: pointer;
84
+ }
85
+ }
86
+ }
@@ -156,6 +156,22 @@ ul, ol {
156
156
  display: block;
157
157
  }
158
158
 
159
+ details {
160
+
161
+ summary {
162
+ color: $link-colour;
163
+ margin-bottom: 16px;
164
+
165
+ &:focus {
166
+ outline: 3px solid $focus-colour;
167
+ }
168
+
169
+ &:hover {
170
+ cursor: pointer;
171
+ }
172
+ }
173
+ }
174
+
159
175
  .important {
160
176
  font-weight: bold;
161
177
  position: relative;
@@ -1,3 +1,3 @@
1
1
  module DvlaInternalFrontendToolkit
2
- VERSION = "2.1.6"
2
+ VERSION = "2.1.7"
3
3
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: dvla_internal_frontend_toolkit
3
3
  version: !ruby/object:Gem::Version
4
- version: 2.1.6
4
+ version: 2.1.7
5
5
  platform: ruby
6
6
  authors:
7
7
  - Liam Betsworth
@@ -10,7 +10,7 @@ authors:
10
10
  autorequire:
11
11
  bindir: exe
12
12
  cert_chain: []
13
- date: 2017-12-13 00:00:00.000000000 Z
13
+ date: 2017-12-14 00:00:00.000000000 Z
14
14
  dependencies:
15
15
  - !ruby/object:Gem::Dependency
16
16
  name: railties
@@ -96,6 +96,7 @@ files:
96
96
  - app/assets/stylesheets/elements/_navigation.scss
97
97
  - app/assets/stylesheets/elements/_tables.scss
98
98
  - app/assets/stylesheets/elements/_tabs.scss
99
+ - app/assets/stylesheets/elements/_tags.scss
99
100
  - app/assets/stylesheets/elements/_typography.scss
100
101
  - app/assets/stylesheets/elements/_validation.scss
101
102
  - app/assets/stylesheets/styleguide/_prism-line-numbers.scss