dvla_internal_frontend_toolkit 2.0.7 → 2.0.8

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: 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