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.
Files changed (29) hide show
  1. checksums.yaml +4 -4
  2. data/{vendor → app}/assets/fonts/Inter-UI-Bold.woff +0 -0
  3. data/{vendor → app}/assets/fonts/Inter-UI-Medium.woff +0 -0
  4. data/{vendor → app}/assets/fonts/Inter-UI-Regular.woff +0 -0
  5. data/{vendor → app}/assets/fonts/dvla-icons.woff +0 -0
  6. data/{vendor/assets/layouts → app/views/layouts/erb}/layout-fixed.html.erb +0 -0
  7. data/app/views/layouts/nunjucks/layout-dialog.html +43 -0
  8. data/app/views/layouts/nunjucks/layout-fixed.html +44 -0
  9. data/app/views/layouts/nunjucks/layout-fluid-tabs-left.html +53 -0
  10. data/app/views/layouts/nunjucks/layout-fluid-tabs-top.html +50 -0
  11. data/app/views/layouts/nunjucks/layout-fluid-tabs.html +60 -0
  12. data/app/views/layouts/nunjucks/layout-fluid.html +41 -0
  13. data/lib/dvla_internal_frontend_toolkit/version.rb +1 -1
  14. metadata +12 -21
  15. data/vendor/assets/stylesheets/_dvla-internal-elements.scss +0 -13
  16. data/vendor/assets/stylesheets/constants/_colours.scss +0 -80
  17. data/vendor/assets/stylesheets/constants/_fonts.scss +0 -31
  18. data/vendor/assets/stylesheets/constants/_measurements.scss +0 -1
  19. data/vendor/assets/stylesheets/dvla-internal-elements-styles.min.css +0 -1
  20. data/vendor/assets/stylesheets/dvla-internal-elements-styles.scss +0 -2
  21. data/vendor/assets/stylesheets/elements/_buttons.scss +0 -148
  22. data/vendor/assets/stylesheets/elements/_forms.scss +0 -50
  23. data/vendor/assets/stylesheets/elements/_layout.scss +0 -236
  24. data/vendor/assets/stylesheets/elements/_lists.scss +0 -56
  25. data/vendor/assets/stylesheets/elements/_navigation.scss +0 -113
  26. data/vendor/assets/stylesheets/elements/_tables.scss +0 -155
  27. data/vendor/assets/stylesheets/elements/_tabs.scss +0 -105
  28. data/vendor/assets/stylesheets/elements/_typography.scss +0 -120
  29. 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
- }