dvla_internal_frontend_toolkit 2.0.4 → 2.0.5
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 +4 -4
- data/app/assets/fonts/dvla-icons.woff +0 -0
- data/app/assets/stylesheets/constants/_colours.scss +1 -1
- data/app/assets/stylesheets/constants/_fonts.scss +65 -1
- data/app/assets/stylesheets/elements/_layout.scss +2 -1
- data/app/assets/stylesheets/elements/_typography.scss +46 -0
- data/app/assets/stylesheets/styleguide/_styleguide.scss +6 -0
- data/lib/dvla_internal_frontend_toolkit/version.rb +1 -1
- metadata +2 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 61f5422edf604a9af28780c35a5d773d594e04cf
|
|
4
|
+
data.tar.gz: 91cda9990fc43acec9e87879df7754b914250cc4
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 12c2976c35a5d3ce52448bafdb846fbb7b040650ac618a2cd23ba5badec9187a64e321404c17cd6871a0e44c050e271775db685baedad5bf0bf05f2c21bd4e53
|
|
7
|
+
data.tar.gz: 1c52094ef1bd030ee949d197a29a24fd5fe0db9d74be4daeba686237ef13e68c7cd2ccea35d6b21ed33f51f786141d2da12740c545d8b040d7a1c5861aab8ff7
|
|
Binary file
|
|
@@ -28,4 +28,68 @@ $primary-font: 'Interface', 'Helvetica Neue', Arial, sans-serif;
|
|
|
28
28
|
$icon-font: 'dvla-icons';
|
|
29
29
|
|
|
30
30
|
$normal-font-size: 16px;
|
|
31
|
-
$large-font-size: 20px;
|
|
31
|
+
$large-font-size: 20px;
|
|
32
|
+
|
|
33
|
+
.icon {
|
|
34
|
+
font-family: $icon-font;
|
|
35
|
+
|
|
36
|
+
&.icon-add::before {
|
|
37
|
+
content: '\e900';
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
&.icon-calendar::before {
|
|
41
|
+
content: '\e901';
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
&.icon-download::before {
|
|
45
|
+
content: '\e902';
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
&.icon-info::before {
|
|
49
|
+
content: '\e903';
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
&.icon-key::before {
|
|
53
|
+
content: '\e904';
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
&.icon-manufacturer::before {
|
|
57
|
+
content: '\e905';
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
&.icon-refresh::before {
|
|
61
|
+
content: '\e906';
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
&.icon-retroreg::before {
|
|
65
|
+
content: '\e907';
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
&.icon-search::before {
|
|
69
|
+
content: '\e908';
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
&.icon-tag::before {
|
|
73
|
+
content: '\e909';
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
&.icon-tick::before {
|
|
77
|
+
content: '\e90a';
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
&.icon-user::before {
|
|
81
|
+
content: '\e90b';
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
&.icon-warning::before {
|
|
85
|
+
content: '\e90c';
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
&.icon-cross::before {
|
|
89
|
+
content: '\e90d';
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
&.icon-link::before {
|
|
93
|
+
content: '\e90e';
|
|
94
|
+
}
|
|
95
|
+
}
|
|
@@ -296,7 +296,7 @@ body {
|
|
|
296
296
|
// margin-top: 3em;
|
|
297
297
|
background: white;
|
|
298
298
|
flex: 1 0;
|
|
299
|
-
overflow-y: scroll;
|
|
299
|
+
// overflow-y: scroll;
|
|
300
300
|
}
|
|
301
301
|
|
|
302
302
|
@mixin container() {
|
|
@@ -307,6 +307,7 @@ body {
|
|
|
307
307
|
width: 944px;
|
|
308
308
|
min-height: 1px;
|
|
309
309
|
padding-bottom: 2em;
|
|
310
|
+
// position: relative;
|
|
310
311
|
}
|
|
311
312
|
|
|
312
313
|
.container {
|
|
@@ -3,11 +3,57 @@ body {
|
|
|
3
3
|
line-height: 24px;
|
|
4
4
|
}
|
|
5
5
|
|
|
6
|
+
@mixin anchor() {
|
|
7
|
+
a {
|
|
8
|
+
color: $black;
|
|
9
|
+
position: relative;
|
|
10
|
+
text-decoration: none;
|
|
11
|
+
opacity: 0;
|
|
12
|
+
|
|
13
|
+
&::before {
|
|
14
|
+
content: ' ';
|
|
15
|
+
position: absolute;
|
|
16
|
+
height: 120px;
|
|
17
|
+
top: -120px;
|
|
18
|
+
visibility: none;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
&::after {
|
|
22
|
+
font-family: $icon-font;
|
|
23
|
+
font-size: 0.6em;
|
|
24
|
+
vertical-align: middle;
|
|
25
|
+
content: '\e90e';
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
&:visited {
|
|
29
|
+
color: inherit;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
&:hover, &:focus {
|
|
33
|
+
outline: none;
|
|
34
|
+
background: none;
|
|
35
|
+
opacity: 0.75;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
&:active {
|
|
39
|
+
opacity: 1;
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
&:hover, &:focus {
|
|
44
|
+
a {
|
|
45
|
+
opacity: 0.75;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
|
|
6
50
|
@mixin heading() {
|
|
7
51
|
font-weight: 500;
|
|
8
52
|
color: $primary;
|
|
9
53
|
margin-top: 1.25em;
|
|
10
54
|
margin-bottom: 0.25em;
|
|
55
|
+
|
|
56
|
+
@include anchor();
|
|
11
57
|
}
|
|
12
58
|
|
|
13
59
|
h1, .heading-extra-large {
|
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.
|
|
4
|
+
version: 2.0.5
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Liam Betsworth
|
|
@@ -128,7 +128,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
128
128
|
version: '0'
|
|
129
129
|
requirements: []
|
|
130
130
|
rubyforge_project:
|
|
131
|
-
rubygems_version: 2.6.
|
|
131
|
+
rubygems_version: 2.6.13
|
|
132
132
|
signing_key:
|
|
133
133
|
specification_version: 4
|
|
134
134
|
summary: DVLA Internal Frontend Toolkit
|