dvla_internal_frontend_toolkit 2.0.4 → 2.0.5
Sign up to get free protection for your applications and to get access to all the features.
- 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
|