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
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 4ddb16780dc5e6049987b46d85e4b9ef5552641b
|
4
|
+
data.tar.gz: 22c13e8632d10926857e8c34306b61e2cb10b701
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: cce107a5ea3484b791a327e52113f82c63c258940d7ba40ef4550a874049e7b4a7b15d2925a63e1a93fa99c81220632bb52aebff880b5a2d92751162aad588aa
|
7
|
+
data.tar.gz: 9900616f03632acfaa9fe2ee089c494990c229584255c64561dabd38c93bfc6d8221e8739743957129722813213a073e27895ed52c43a249105aafd36dd23da8
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
@@ -0,0 +1,43 @@
|
|
1
|
+
{% block top_of_page %}{% endblock %}
|
2
|
+
<html>
|
3
|
+
|
4
|
+
<head>
|
5
|
+
<title>{% block page_title %} {% endblock %}</title>
|
6
|
+
<meta name="viewport" content="width=device-width" />
|
7
|
+
{% block head %} {% endblock %}
|
8
|
+
</head>
|
9
|
+
|
10
|
+
<body class="{% block body_classes %}{% endblock %}">
|
11
|
+
<script>
|
12
|
+
document.body.className = ((document.body.className) ? document.body.className + ' js-enabled' : 'js-enabled');
|
13
|
+
</script>
|
14
|
+
{% block body_start %}{% endblock %}
|
15
|
+
|
16
|
+
<header role="banner" id="global-header" class="{% block header_class %}{% endblock %}">
|
17
|
+
<div id="header-wrapper">
|
18
|
+
<div id="header-contents">
|
19
|
+
<div id="header-float-left">
|
20
|
+
<div id="header-logo">
|
21
|
+
<a href="/" title="Home" id="logo" class="content">
|
22
|
+
<div id="coat-of-arms" alt=""></div>
|
23
|
+
<div class="name">DVLA</div>
|
24
|
+
<div class="service-name">{% block service_name %}{% endblock %}</div>
|
25
|
+
</a>
|
26
|
+
</div>
|
27
|
+
</div>
|
28
|
+
</div>
|
29
|
+
</div>
|
30
|
+
</header>
|
31
|
+
|
32
|
+
{% block after_header %}{% endblock %}
|
33
|
+
|
34
|
+
<main id="content">
|
35
|
+
<div class="container-dialog">
|
36
|
+
<div class="dialog">
|
37
|
+
{% block content %}{% endblock %}
|
38
|
+
</div>
|
39
|
+
</div>
|
40
|
+
</main>
|
41
|
+
</body>
|
42
|
+
|
43
|
+
</html>
|
@@ -0,0 +1,44 @@
|
|
1
|
+
{% block top_of_page %}{% endblock %}
|
2
|
+
<html>
|
3
|
+
|
4
|
+
<head>
|
5
|
+
<title>{% block page_title %} {% endblock %}</title>
|
6
|
+
<meta name="viewport" content="width=device-width" />
|
7
|
+
{% block head %} {% endblock %}
|
8
|
+
</head>
|
9
|
+
|
10
|
+
<body class="{% block body_classes %}{% endblock %}">
|
11
|
+
<script>
|
12
|
+
document.body.className = ((document.body.className) ? document.body.className + ' js-enabled' : 'js-enabled');
|
13
|
+
</script>
|
14
|
+
{% block body_start %}{% endblock %}
|
15
|
+
|
16
|
+
<header role="banner" id="global-header" class="{% block header_class %}{% endblock %}">
|
17
|
+
<div id="header-wrapper">
|
18
|
+
<div id="header-contents">
|
19
|
+
<div id="header-float-left">
|
20
|
+
<div id="header-logo">
|
21
|
+
<a href="/" title="Home" id="logo" class="content">
|
22
|
+
<div id="coat-of-arms" alt=""></div>
|
23
|
+
<div class="name">DVLA</div>
|
24
|
+
<div class="service-name">{% block service_name %}{% endblock %}</div>
|
25
|
+
</a>
|
26
|
+
</div>
|
27
|
+
</div>
|
28
|
+
</div>
|
29
|
+
</div>
|
30
|
+
{% block header_bar %}
|
31
|
+
<div id="global-header-bar"></div>
|
32
|
+
{% endblock %}
|
33
|
+
</header>
|
34
|
+
|
35
|
+
{% block after_header %}{% endblock %}
|
36
|
+
|
37
|
+
<main id="content">
|
38
|
+
<div class="container">
|
39
|
+
{% block content %}{% endblock %}
|
40
|
+
</div>
|
41
|
+
</main>
|
42
|
+
</body>
|
43
|
+
|
44
|
+
</html>
|
@@ -0,0 +1,53 @@
|
|
1
|
+
{% block top_of_page %}{% endblock %}
|
2
|
+
<html>
|
3
|
+
|
4
|
+
<head>
|
5
|
+
<title>{% block page_title %} {% endblock %}</title>
|
6
|
+
<meta name="viewport" content="width=device-width" />
|
7
|
+
{% block head %} {% endblock %}
|
8
|
+
</head>
|
9
|
+
|
10
|
+
<body class="{% block body_classes %}{% endblock %}">
|
11
|
+
<script>
|
12
|
+
document.body.className = ((document.body.className) ? document.body.className + ' js-enabled' : 'js-enabled');
|
13
|
+
</script>
|
14
|
+
{% block body_start %}{% endblock %}
|
15
|
+
|
16
|
+
<header role="banner" id="global-header" class="{% block header_class %}{% endblock %}">
|
17
|
+
<div id="header-wrapper">
|
18
|
+
<div id="header-contents">
|
19
|
+
<div id="header-float-left">
|
20
|
+
<div id="header-logo">
|
21
|
+
<a href="/" title="Home" id="logo" class="content">
|
22
|
+
<div id="coat-of-arms" alt=""></div>
|
23
|
+
<div class="name">DVLA</div>
|
24
|
+
<div class="service-name">{% block service_name %}{% endblock %}</div>
|
25
|
+
</a>
|
26
|
+
</div>
|
27
|
+
</div>
|
28
|
+
</div>
|
29
|
+
</div>
|
30
|
+
</header>
|
31
|
+
|
32
|
+
{% block after_header %}
|
33
|
+
|
34
|
+
{% endblock %}
|
35
|
+
|
36
|
+
<main id="content">
|
37
|
+
<div id="side-bar">
|
38
|
+
{% block tabs_left %}
|
39
|
+
<ul>
|
40
|
+
<li>Tab title one</li>
|
41
|
+
<li class="active">Tab title two</li>
|
42
|
+
<li>Tab title three</li>
|
43
|
+
<li>Tab title four</li>
|
44
|
+
</ul>
|
45
|
+
{% endblock %}
|
46
|
+
</div>
|
47
|
+
<div class="container-fluid">
|
48
|
+
{% block content %}{% endblock %}
|
49
|
+
</div>
|
50
|
+
</main>
|
51
|
+
</body>
|
52
|
+
|
53
|
+
</html>
|
@@ -0,0 +1,50 @@
|
|
1
|
+
{% block top_of_page %}{% endblock %}
|
2
|
+
<html>
|
3
|
+
|
4
|
+
<head>
|
5
|
+
<title>{% block page_title %} {% endblock %}</title>
|
6
|
+
<meta name="viewport" content="width=device-width" />
|
7
|
+
{% block head %} {% endblock %}
|
8
|
+
</head>
|
9
|
+
|
10
|
+
<body class="{% block body_classes %}{% endblock %}">
|
11
|
+
<script>
|
12
|
+
document.body.className = ((document.body.className) ? document.body.className + ' js-enabled' : 'js-enabled');
|
13
|
+
</script>
|
14
|
+
{% block body_start %}{% endblock %}
|
15
|
+
|
16
|
+
<header role="banner" id="global-header" class="{% block header_class %}{% endblock %}">
|
17
|
+
<div id="header-wrapper">
|
18
|
+
<div id="header-contents">
|
19
|
+
<div id="header-float-left">
|
20
|
+
<div id="header-logo">
|
21
|
+
<a href="/" title="Home" id="logo" class="content">
|
22
|
+
<div id="coat-of-arms" alt=""></div>
|
23
|
+
<div class="name">DVLA</div>
|
24
|
+
<div class="service-name">{% block service_name %}{% endblock %}</div>
|
25
|
+
</a>
|
26
|
+
</div>
|
27
|
+
</div>
|
28
|
+
</div>
|
29
|
+
</div>
|
30
|
+
{% block tabs_top %}
|
31
|
+
<ul>
|
32
|
+
<li>Tab title one</li>
|
33
|
+
<li class="active">Active tab</li>
|
34
|
+
<li>Tab title two</li>
|
35
|
+
</ul>
|
36
|
+
{% endblock %}
|
37
|
+
</header>
|
38
|
+
|
39
|
+
{% block after_header %}
|
40
|
+
|
41
|
+
{% endblock %}
|
42
|
+
|
43
|
+
<main id="content">
|
44
|
+
<div class="container-fluid">
|
45
|
+
{% block content %}{% endblock %}
|
46
|
+
</div>
|
47
|
+
</main>
|
48
|
+
</body>
|
49
|
+
|
50
|
+
</html>
|
@@ -0,0 +1,60 @@
|
|
1
|
+
{% block top_of_page %}{% endblock %}
|
2
|
+
<html>
|
3
|
+
|
4
|
+
<head>
|
5
|
+
<title>{% block page_title %} {% endblock %}</title>
|
6
|
+
<meta name="viewport" content="width=device-width" />
|
7
|
+
{% block head %} {% endblock %}
|
8
|
+
</head>
|
9
|
+
|
10
|
+
<body class="{% block body_classes %}{% endblock %}">
|
11
|
+
<script>
|
12
|
+
document.body.className = ((document.body.className) ? document.body.className + ' js-enabled' : 'js-enabled');
|
13
|
+
</script>
|
14
|
+
{% block body_start %}{% endblock %}
|
15
|
+
|
16
|
+
<header role="banner" id="global-header" class="{% block header_class %}{% endblock %}">
|
17
|
+
<div id="header-wrapper">
|
18
|
+
<div id="header-contents">
|
19
|
+
<div id="header-float-left">
|
20
|
+
<div id="header-logo">
|
21
|
+
<a href="/" title="Home" id="logo" class="content">
|
22
|
+
<div id="coat-of-arms" alt=""></div>
|
23
|
+
<div class="name">DVLA</div>
|
24
|
+
<div class="service-name">{% block service_name %}{% endblock %}</div>
|
25
|
+
</a>
|
26
|
+
</div>
|
27
|
+
</div>
|
28
|
+
</div>
|
29
|
+
</div>
|
30
|
+
{% block tabs_top %}
|
31
|
+
<ul>
|
32
|
+
<li>Tab title one</li>
|
33
|
+
<li class="active">Active tab</li>
|
34
|
+
<li>Tab title two</li>
|
35
|
+
</ul>
|
36
|
+
{% endblock %}
|
37
|
+
</header>
|
38
|
+
|
39
|
+
{% block after_header %}
|
40
|
+
|
41
|
+
{% endblock %}
|
42
|
+
|
43
|
+
<main id="content">
|
44
|
+
<div id="side-bar">
|
45
|
+
{% block tabs_left %}
|
46
|
+
<ul>
|
47
|
+
<li>Tab title one</li>
|
48
|
+
<li class="active">Tab title two</li>
|
49
|
+
<li>Tab title three</li>
|
50
|
+
<li>Tab title four</li>
|
51
|
+
</ul>
|
52
|
+
{% endblock %}
|
53
|
+
</div>
|
54
|
+
<div class="container-fluid">
|
55
|
+
{% block content %}{% endblock %}
|
56
|
+
</div>
|
57
|
+
</main>
|
58
|
+
</body>
|
59
|
+
|
60
|
+
</html>
|
@@ -0,0 +1,41 @@
|
|
1
|
+
{% block top_of_page %}{% endblock %}
|
2
|
+
<html>
|
3
|
+
|
4
|
+
<head>
|
5
|
+
<title>{% block page_title %} {% endblock %}</title>
|
6
|
+
<meta name="viewport" content="width=device-width" />
|
7
|
+
{% block head %} {% endblock %}
|
8
|
+
</head>
|
9
|
+
|
10
|
+
<body class="{% block body_classes %}{% endblock %}">
|
11
|
+
<script>
|
12
|
+
document.body.className = ((document.body.className) ? document.body.className + ' js-enabled' : 'js-enabled');
|
13
|
+
</script>
|
14
|
+
{% block body_start %}{% endblock %}
|
15
|
+
|
16
|
+
<header role="banner" id="global-header" class="{% block header_class %}{% endblock %}">
|
17
|
+
<div id="header-wrapper">
|
18
|
+
<div id="header-contents">
|
19
|
+
<div id="header-float-left">
|
20
|
+
<div id="header-logo">
|
21
|
+
<a href="/" title="Home" id="logo" class="content">
|
22
|
+
<div id="coat-of-arms" alt=""></div>
|
23
|
+
<div class="name">DVLA</div>
|
24
|
+
<div class="service-name">{% block service_name %}{% endblock %}</div>
|
25
|
+
</a>
|
26
|
+
</div>
|
27
|
+
</div>
|
28
|
+
</div>
|
29
|
+
</div>
|
30
|
+
</header>
|
31
|
+
|
32
|
+
{% block after_header %}{% endblock %}
|
33
|
+
|
34
|
+
<main id="content">
|
35
|
+
<div class="container-fluid">
|
36
|
+
{% block content %}{% endblock %}
|
37
|
+
</div>
|
38
|
+
</main>
|
39
|
+
</body>
|
40
|
+
|
41
|
+
</html>
|
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.
|
4
|
+
version: 0.3.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Liam Betsworth
|
@@ -63,28 +63,19 @@ extra_rdoc_files: []
|
|
63
63
|
files:
|
64
64
|
- LICENSE
|
65
65
|
- README.md
|
66
|
+
- app/assets/fonts/Inter-UI-Bold.woff
|
67
|
+
- app/assets/fonts/Inter-UI-Medium.woff
|
68
|
+
- app/assets/fonts/Inter-UI-Regular.woff
|
69
|
+
- app/assets/fonts/dvla-icons.woff
|
70
|
+
- app/views/layouts/erb/layout-fixed.html.erb
|
71
|
+
- app/views/layouts/nunjucks/layout-dialog.html
|
72
|
+
- app/views/layouts/nunjucks/layout-fixed.html
|
73
|
+
- app/views/layouts/nunjucks/layout-fluid-tabs-left.html
|
74
|
+
- app/views/layouts/nunjucks/layout-fluid-tabs-top.html
|
75
|
+
- app/views/layouts/nunjucks/layout-fluid-tabs.html
|
76
|
+
- app/views/layouts/nunjucks/layout-fluid.html
|
66
77
|
- lib/dvla_internal_frontend_toolkit.rb
|
67
78
|
- 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
|
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
|
88
79
|
homepage: https://github.com/liam-betsworth/dvla_internal_frontend_toolkit
|
89
80
|
licenses:
|
90
81
|
- MIT
|
@@ -1,13 +0,0 @@
|
|
1
|
-
@import "constants/colours";
|
2
|
-
@import "constants/fonts";
|
3
|
-
@import "constants/measurements";
|
4
|
-
|
5
|
-
@import "elements/buttons";
|
6
|
-
@import "elements/forms";
|
7
|
-
@import "elements/layout";
|
8
|
-
@import "elements/lists";
|
9
|
-
@import "elements/navigation";
|
10
|
-
@import "elements/tables";
|
11
|
-
@import "elements/tabs";
|
12
|
-
@import "elements/typography";
|
13
|
-
@import "elements/validation";
|
@@ -1,80 +0,0 @@
|
|
1
|
-
/* Primary colour */
|
2
|
-
$primary: #097567;
|
3
|
-
|
4
|
-
$primary-dark: mix(black, $primary, 15%);
|
5
|
-
$primary-darker: mix(black, $primary, 30%);
|
6
|
-
$primary-darkest: mix(black, $primary, 50%);
|
7
|
-
|
8
|
-
$primary-light: mix(white, $primary, 20%);
|
9
|
-
$primary-lighter: mix(white, $primary, 50%);
|
10
|
-
$primary-lightest: mix(white, $primary, 80%);
|
11
|
-
|
12
|
-
/* Secondary colour */
|
13
|
-
$secondary: #0070B3;
|
14
|
-
|
15
|
-
$secondary-dark: mix(black, $secondary, 15%);
|
16
|
-
$secondary-darker: mix(black, $secondary, 30%);
|
17
|
-
$secondary-darkest: mix(black, $secondary, 50%);
|
18
|
-
|
19
|
-
$secondary-light: mix(white, $secondary, 20%);
|
20
|
-
$secondary-lighter: mix(white, $secondary, 50%);
|
21
|
-
$secondary-lightest: mix(white, $secondary, 80%);
|
22
|
-
|
23
|
-
/* Success colour */
|
24
|
-
$success: #84BF24;
|
25
|
-
|
26
|
-
$success-dark: mix(black, $success, 15%);
|
27
|
-
$success-darker: mix(black, $success, 30%);
|
28
|
-
$success-darkest: mix(black, $success, 50%);
|
29
|
-
|
30
|
-
$success-light: mix(white, $success, 20%);
|
31
|
-
$success-lighter: mix(white, $success, 50%);
|
32
|
-
$success-lightest: mix(white, $success, 80%);
|
33
|
-
|
34
|
-
/* Error colour */
|
35
|
-
$error: #B10E1E;
|
36
|
-
|
37
|
-
$error-dark: mix(black, $error, 15%);
|
38
|
-
$error-darker: mix(black, $error, 30%);
|
39
|
-
$error-darkest: mix(black, $error, 50%);
|
40
|
-
|
41
|
-
$error-light: mix(white, $error, 20%);
|
42
|
-
$error-lighter: mix(white, $error, 50%);
|
43
|
-
$error-lightest: mix(white, $error, 80%);
|
44
|
-
|
45
|
-
/* Warning colour */
|
46
|
-
$warning: #EA890A;
|
47
|
-
|
48
|
-
$warning-dark: mix(black, $warning, 15%);
|
49
|
-
$warning-darker: mix(black, $warning, 30%);
|
50
|
-
$warning-darkest: mix(black, $warning, 50%);
|
51
|
-
|
52
|
-
$warning-light: mix(white, $warning, 20%);
|
53
|
-
$warning-lighter: mix(white, $warning, 50%);
|
54
|
-
$warning-lightest: mix(white, $warning, 80%);
|
55
|
-
|
56
|
-
/* General colours */
|
57
|
-
|
58
|
-
$text-primary-colour: #0B0C0C;
|
59
|
-
$text-secondary-colour: #6F777B;
|
60
|
-
$link-colour: #005EA5;
|
61
|
-
$link-hover-colour: #2B8CCC;
|
62
|
-
$focus-colour: #FFBF47;
|
63
|
-
$visited-colour: #4C2C92;
|
64
|
-
$black: #0B0C0C;
|
65
|
-
$grey-1: #6F777B;
|
66
|
-
$grey-2: #BFC1C3;
|
67
|
-
$grey-3: #DEE0E2;
|
68
|
-
$grey-4: #F4F4F4;
|
69
|
-
|
70
|
-
$alpha: #D54780;
|
71
|
-
$beta: #F47A40;
|
72
|
-
$discovery: #913A87;
|
73
|
-
$live: #85964E;
|
74
|
-
$gov-uk-blue: #005EA5;
|
75
|
-
$mellow-red: #DF3034;
|
76
|
-
$mauve: #6F71AF;
|
77
|
-
$baby-pink: #6F777B;
|
78
|
-
$green: #006435;
|
79
|
-
$light-blue: #2B8CC4;
|
80
|
-
$brown: #FFBF47;
|