dvla_internal_frontend_toolkit 0.2.7 → 0.2.8

Sign up to get free protection for your applications and to get access to all the features.
Files changed (25) hide show
  1. checksums.yaml +4 -4
  2. data/LICENSE +19 -0
  3. data/README.md +7 -0
  4. data/lib/dvla_internal_frontend_toolkit.rb +6 -0
  5. data/lib/dvla_internal_frontend_toolkit/version.rb +3 -0
  6. data/vendor/assets/fonts/Inter-UI-Bold.woff +0 -0
  7. data/vendor/assets/fonts/Inter-UI-Medium.woff +0 -0
  8. data/vendor/assets/fonts/Inter-UI-Regular.woff +0 -0
  9. data/vendor/assets/fonts/dvla-icons.woff +0 -0
  10. data/vendor/assets/stylesheets/_dvla-internal-elements.scss +13 -0
  11. data/vendor/assets/stylesheets/constants/_colours.scss +80 -0
  12. data/vendor/assets/stylesheets/constants/_fonts.scss +31 -0
  13. data/vendor/assets/stylesheets/constants/_measurements.scss +1 -0
  14. data/vendor/assets/stylesheets/dvla-internal-elements-styles.min.css +1 -0
  15. data/vendor/assets/stylesheets/dvla-internal-elements-styles.scss +2 -0
  16. data/vendor/assets/stylesheets/elements/_buttons.scss +148 -0
  17. data/vendor/assets/stylesheets/elements/_forms.scss +50 -0
  18. data/vendor/assets/stylesheets/elements/_layout.scss +236 -0
  19. data/vendor/assets/stylesheets/elements/_lists.scss +56 -0
  20. data/vendor/assets/stylesheets/elements/_navigation.scss +113 -0
  21. data/vendor/assets/stylesheets/elements/_tables.scss +155 -0
  22. data/vendor/assets/stylesheets/elements/_tabs.scss +105 -0
  23. data/vendor/assets/stylesheets/elements/_typography.scss +120 -0
  24. data/vendor/assets/stylesheets/elements/_validation.scss +59 -0
  25. metadata +24 -1
data/vendor/assets/stylesheets/elements/_validation.scss ADDED
@@ -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