dvla_internal_frontend_toolkit 0.2.7 → 0.2.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.
@@ -0,0 +1,59 @@
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
+ }
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: 0.2.7
4
+ version: 0.2.8
5
5
  platform: ruby
6
6
  authors:
7
7
  - Liam Betsworth
@@ -61,7 +61,30 @@ executables: []
61
61
  extensions: []
62
62
  extra_rdoc_files: []
63
63
  files:
64
+ - LICENSE
65
+ - README.md
66
+ - lib/dvla_internal_frontend_toolkit.rb
67
+ - lib/dvla_internal_frontend_toolkit/version.rb
68
+ - vendor/assets/fonts/Inter-UI-Bold.woff
69
+ - vendor/assets/fonts/Inter-UI-Medium.woff
70
+ - vendor/assets/fonts/Inter-UI-Regular.woff
71
+ - vendor/assets/fonts/dvla-icons.woff
64
72
  - vendor/assets/layouts/layout-fixed.html.erb
73
+ - vendor/assets/stylesheets/_dvla-internal-elements.scss
74
+ - vendor/assets/stylesheets/constants/_colours.scss
75
+ - vendor/assets/stylesheets/constants/_fonts.scss
76
+ - vendor/assets/stylesheets/constants/_measurements.scss
77
+ - vendor/assets/stylesheets/dvla-internal-elements-styles.min.css
78
+ - vendor/assets/stylesheets/dvla-internal-elements-styles.scss
79
+ - vendor/assets/stylesheets/elements/_buttons.scss
80
+ - vendor/assets/stylesheets/elements/_forms.scss
81
+ - vendor/assets/stylesheets/elements/_layout.scss
82
+ - vendor/assets/stylesheets/elements/_lists.scss
83
+ - vendor/assets/stylesheets/elements/_navigation.scss
84
+ - vendor/assets/stylesheets/elements/_tables.scss
85
+ - vendor/assets/stylesheets/elements/_tabs.scss
86
+ - vendor/assets/stylesheets/elements/_typography.scss
87
+ - vendor/assets/stylesheets/elements/_validation.scss
65
88
  homepage: https://github.com/liam-betsworth/dvla_internal_frontend_toolkit
66
89
  licenses:
67
90
  - MIT