dvla_internal_frontend_toolkit 2.0.7 → 2.0.8

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: b84c735fb2cbf40b931f29dc48efb74fee6cbe40
4
- data.tar.gz: 7c495ae07591de922021ff1bcd454dba79100489
3
+ metadata.gz: 7b030a7707d8751b7290b5067efb5ee862bdbf80
4
+ data.tar.gz: b2abbe39b7bb082e5a3822b8ab474a5d8d03f166
5
5
  SHA512:
6
- metadata.gz: 10b4f111bcc68f9f3c71c3fa4cea892618f779bc050766fa6e5174cf4577e8aa9739d7bc0d5e08d869a81def1bc43a7f78367c800afe90d64b59d35cd587fbc8
7
- data.tar.gz: 26e3f2b0c2f10e2ab1832787573f53025c54bbf516954c00a5e763ba02f5de335c159a6316422eac097e228d0813edbb26d96bf27580f41232d3183f396e55b7
6
+ metadata.gz: 1c5fe232539fa54e949b29a2885c547f1e2e73b128d83a792d1d69f3079a9f75cc9ac55b12398c883f4b55a360812286e4f6855319e786ac63a988816b592dbe
7
+ data.tar.gz: 9981159546f1e9503d926d23c37b1c288dcd7578ab60b6431b0251f3424281d7f1a25431f204aafe412f1e3ff54093ee3e7e84bb5763d58bc0503fda96b8ecae
Binary file
@@ -2,6 +2,7 @@
2
2
  @import "constants/fonts";
3
3
  @import "constants/measurements";
4
4
 
5
+ @import "elements/accordion";
5
6
  @import "elements/buttons";
6
7
  @import "elements/forms";
7
8
  @import "elements/filters";
@@ -92,4 +92,20 @@ $large-font-size: 20px;
92
92
  &.icon-link::before {
93
93
  content: '\e90e';
94
94
  }
95
+
96
+ &.icon-caret-up::before {
97
+ content: '\e90f';
98
+ }
99
+
100
+ &.icon-caret-right::before {
101
+ content: '\e910';
102
+ }
103
+
104
+ &.icon-caret-down::before {
105
+ content: '\e911';
106
+ }
107
+
108
+ &.icon-caret-left::before {
109
+ content: '\e912';
110
+ }
95
111
  }
@@ -0,0 +1,51 @@
1
+ .accordion {
2
+ .accordion-section {
3
+ &.opened {
4
+ .accordion-icon::before {
5
+ font-family: $icon-font;
6
+ padding: 0 11px 0 18px;
7
+ content: '\e911';
8
+ }
9
+ }
10
+ &.closed {
11
+ .accordion-icon::before {
12
+ font-family: $icon-font;
13
+ padding: 0 11px 0 18px;
14
+ content: '\e910';
15
+ }
16
+
17
+ .accordion-content {
18
+ display: none;
19
+ }
20
+ }
21
+ }
22
+
23
+ .accordion-header {
24
+ font-family: $primary-font;
25
+ height: 64px;
26
+ line-height: 64px;
27
+ width: 100%;
28
+ padding: 0;
29
+ background: $grey-3;
30
+ text-align: left;
31
+ font-size: 20px;
32
+ font-weight: 700;
33
+ color: $black;
34
+ margin-bottom: 16px;
35
+ border-radius: 0;
36
+ border-width: 0;
37
+ border-bottom: 2px solid $grey-2;
38
+
39
+ &:active, &:focus {
40
+ outline: 4px solid $focus-colour;
41
+ }
42
+
43
+ &:hover {
44
+ cursor: pointer;
45
+ }
46
+ }
47
+ .accordion-content {
48
+ margin-top: 16px;
49
+ margin-bottom: 24px;
50
+ }
51
+ }
@@ -1,3 +1,3 @@
1
1
  module DvlaInternalFrontendToolkit
2
- VERSION = "2.0.7"
2
+ VERSION = "2.0.8"
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.0.7
4
+ version: 2.0.8
5
5
  platform: ruby
6
6
  authors:
7
7
  - Liam Betsworth
@@ -85,6 +85,7 @@ files:
85
85
  - app/assets/stylesheets/constants/paths/_node.scss
86
86
  - app/assets/stylesheets/constants/paths/_rails.scss
87
87
  - app/assets/stylesheets/dvla-internal-elements-styles.scss
88
+ - app/assets/stylesheets/elements/_accordion.scss
88
89
  - app/assets/stylesheets/elements/_buttons.scss
89
90
  - app/assets/stylesheets/elements/_data.scss
90
91
  - app/assets/stylesheets/elements/_filters.scss