dvla_internal_frontend_toolkit 0.2.8 → 0.3.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/{vendor → app}/assets/fonts/Inter-UI-Bold.woff +0 -0
- data/{vendor → app}/assets/fonts/Inter-UI-Medium.woff +0 -0
- data/{vendor → app}/assets/fonts/Inter-UI-Regular.woff +0 -0
- data/{vendor → app}/assets/fonts/dvla-icons.woff +0 -0
- data/{vendor/assets/layouts → app/views/layouts/erb}/layout-fixed.html.erb +0 -0
- data/app/views/layouts/nunjucks/layout-dialog.html +43 -0
- data/app/views/layouts/nunjucks/layout-fixed.html +44 -0
- data/app/views/layouts/nunjucks/layout-fluid-tabs-left.html +53 -0
- data/app/views/layouts/nunjucks/layout-fluid-tabs-top.html +50 -0
- data/app/views/layouts/nunjucks/layout-fluid-tabs.html +60 -0
- data/app/views/layouts/nunjucks/layout-fluid.html +41 -0
- data/lib/dvla_internal_frontend_toolkit/version.rb +1 -1
- metadata +12 -21
- data/vendor/assets/stylesheets/_dvla-internal-elements.scss +0 -13
- data/vendor/assets/stylesheets/constants/_colours.scss +0 -80
- data/vendor/assets/stylesheets/constants/_fonts.scss +0 -31
- data/vendor/assets/stylesheets/constants/_measurements.scss +0 -1
- data/vendor/assets/stylesheets/dvla-internal-elements-styles.min.css +0 -1
- data/vendor/assets/stylesheets/dvla-internal-elements-styles.scss +0 -2
- data/vendor/assets/stylesheets/elements/_buttons.scss +0 -148
- data/vendor/assets/stylesheets/elements/_forms.scss +0 -50
- data/vendor/assets/stylesheets/elements/_layout.scss +0 -236
- data/vendor/assets/stylesheets/elements/_lists.scss +0 -56
- data/vendor/assets/stylesheets/elements/_navigation.scss +0 -113
- data/vendor/assets/stylesheets/elements/_tables.scss +0 -155
- data/vendor/assets/stylesheets/elements/_tabs.scss +0 -105
- data/vendor/assets/stylesheets/elements/_typography.scss +0 -120
- data/vendor/assets/stylesheets/elements/_validation.scss +0 -59
@@ -1,59 +0,0 @@
|
|
1
|
-
@mixin alert-icon() {
|
2
|
-
font-size: 22px;
|
3
|
-
font-family: $icon-font;
|
4
|
-
height: 32px;
|
5
|
-
width: 32px;
|
6
|
-
display: inline-block;
|
7
|
-
border-radius: 50%;
|
8
|
-
vertical-align: bottom;
|
9
|
-
margin-right: 4px;
|
10
|
-
}
|
11
|
-
|
12
|
-
.alert {
|
13
|
-
width: 100%;
|
14
|
-
text-align: center;
|
15
|
-
border-top-width: 4px;
|
16
|
-
border-top-style: solid;
|
17
|
-
font-weight: 500;
|
18
|
-
font-size: 24px;
|
19
|
-
line-height: 32px;
|
20
|
-
color: $black;
|
21
|
-
padding: 40px 32px 44px 32px;
|
22
|
-
|
23
|
-
&.success {
|
24
|
-
border-top-color: $success;
|
25
|
-
background: $success-lightest;
|
26
|
-
|
27
|
-
&:before {
|
28
|
-
@include alert-icon();
|
29
|
-
font-size: 18px;
|
30
|
-
content: '\e90a';
|
31
|
-
color: white;
|
32
|
-
background: $success;
|
33
|
-
}
|
34
|
-
}
|
35
|
-
|
36
|
-
&.info {
|
37
|
-
border-top-color: $secondary;
|
38
|
-
background: $secondary-lightest;
|
39
|
-
|
40
|
-
&:before {
|
41
|
-
@include alert-icon();
|
42
|
-
content: '\e903';
|
43
|
-
color: white;
|
44
|
-
background: $secondary;
|
45
|
-
}
|
46
|
-
}
|
47
|
-
|
48
|
-
&.warning {
|
49
|
-
border-top-color: $warning;
|
50
|
-
background: $warning-lightest;
|
51
|
-
|
52
|
-
&:before {
|
53
|
-
@include alert-icon();
|
54
|
-
content: '\e90c';
|
55
|
-
color: white;
|
56
|
-
background: $warning;
|
57
|
-
}
|
58
|
-
}
|
59
|
-
}
|