dvla_internal_frontend_toolkit 0.3.9 → 0.4.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/stylesheets/dvla-internal-elements-styles.min.css +1 -1
- data/app/assets/stylesheets/elements/_layout.scss +2 -1
- data/app/assets/stylesheets/elements/_navigation.scss +21 -10
- data/app/assets/stylesheets/elements/_tabs.scss +4 -0
- data/app/views/layouts/nunjucks/layout-fluid-tabs-left.html +4 -4
- data/app/views/layouts/nunjucks/layout-fluid-tabs-top.html +3 -3
- data/app/views/layouts/nunjucks/layout-fluid-tabs.html +7 -7
- data/lib/dvla_internal_frontend_toolkit/version.rb +1 -1
- metadata +1 -1
|
@@ -132,6 +132,7 @@ body {
|
|
|
132
132
|
display: inline-block;
|
|
133
133
|
font-weight: 400;
|
|
134
134
|
letter-spacing: 2px;
|
|
135
|
+
text-transform: uppercase;
|
|
135
136
|
|
|
136
137
|
a {
|
|
137
138
|
color: white;
|
|
@@ -311,7 +312,7 @@ div {
|
|
|
311
312
|
|
|
312
313
|
@media screen and (min-width: 1024px) {
|
|
313
314
|
width: 100%;
|
|
314
|
-
padding: 0
|
|
315
|
+
padding: 0 24px;
|
|
315
316
|
padding-bottom: 2em;
|
|
316
317
|
}
|
|
317
318
|
}
|
|
@@ -63,12 +63,13 @@
|
|
|
63
63
|
a {
|
|
64
64
|
padding: 0 32px;
|
|
65
65
|
text-decoration: none;
|
|
66
|
-
color: $
|
|
66
|
+
color: $black;
|
|
67
67
|
display: block;
|
|
68
68
|
height: 100%;
|
|
69
69
|
|
|
70
70
|
&:hover{
|
|
71
71
|
cursor: pointer;
|
|
72
|
+
color: $primary;
|
|
72
73
|
// text-decoration: underline;
|
|
73
74
|
}
|
|
74
75
|
}
|
|
@@ -76,6 +77,10 @@
|
|
|
76
77
|
&:active, &.active{
|
|
77
78
|
color: $primary;
|
|
78
79
|
border-bottom: 2px solid $primary;
|
|
80
|
+
|
|
81
|
+
a {
|
|
82
|
+
color: $primary;
|
|
83
|
+
}
|
|
79
84
|
}
|
|
80
85
|
}
|
|
81
86
|
}
|
|
@@ -103,20 +108,25 @@
|
|
|
103
108
|
font-weight: bold;
|
|
104
109
|
height: 40px;
|
|
105
110
|
|
|
106
|
-
&:hover {
|
|
107
|
-
cursor: pointer;
|
|
108
|
-
background-color: $primary-lightest;
|
|
109
|
-
}
|
|
110
|
-
|
|
111
111
|
a {
|
|
112
112
|
padding-left: 40px;
|
|
113
113
|
text-decoration: none;
|
|
114
|
-
color: $
|
|
115
|
-
display:block;
|
|
116
|
-
height:100%;
|
|
114
|
+
color: $black;
|
|
115
|
+
display: block;
|
|
116
|
+
height: 100%;
|
|
117
117
|
|
|
118
118
|
&:visited{
|
|
119
119
|
text-decoration: none;
|
|
120
|
+
color: $black;
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
&:hover {
|
|
125
|
+
cursor: pointer;
|
|
126
|
+
background-color: $primary-lightest;
|
|
127
|
+
color: $primary;
|
|
128
|
+
|
|
129
|
+
a {
|
|
120
130
|
color: $primary;
|
|
121
131
|
}
|
|
122
132
|
}
|
|
@@ -127,6 +137,7 @@
|
|
|
127
137
|
background-color: $primary-lightest;
|
|
128
138
|
|
|
129
139
|
a {
|
|
140
|
+
color: $primary;
|
|
130
141
|
padding-left: 32px;
|
|
131
142
|
}
|
|
132
143
|
}
|
|
@@ -134,7 +145,7 @@
|
|
|
134
145
|
}
|
|
135
146
|
|
|
136
147
|
& + .container-fluid {
|
|
137
|
-
padding-left:
|
|
148
|
+
padding-left: 304px;
|
|
138
149
|
|
|
139
150
|
@media screen and (max-width: 1023px) {
|
|
140
151
|
padding-left: 280px;
|
|
@@ -30,6 +30,8 @@
|
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
a {
|
|
33
|
+
color: $primary;
|
|
34
|
+
|
|
33
35
|
&:visited {
|
|
34
36
|
color: $primary;
|
|
35
37
|
}
|
|
@@ -65,6 +67,7 @@
|
|
|
65
67
|
display: block;
|
|
66
68
|
height: 40px;
|
|
67
69
|
line-height: 40px;
|
|
70
|
+
padding-left: 0;
|
|
68
71
|
box-sizing: border-box;
|
|
69
72
|
font-size: 0;
|
|
70
73
|
font-weight: 500;
|
|
@@ -85,6 +88,7 @@
|
|
|
85
88
|
border-bottom: 2px solid $primary;
|
|
86
89
|
|
|
87
90
|
a {
|
|
91
|
+
color: $primary;
|
|
88
92
|
&:visited {
|
|
89
93
|
color: $primary;
|
|
90
94
|
}
|
|
@@ -65,10 +65,10 @@
|
|
|
65
65
|
<div class="side-bar">
|
|
66
66
|
{% block tabs_left %}
|
|
67
67
|
<ul>
|
|
68
|
-
<li>Tab title one</li>
|
|
69
|
-
<li class="active">Tab title two</li>
|
|
70
|
-
<li>Tab title three</li>
|
|
71
|
-
<li>Tab title four</li>
|
|
68
|
+
<li><a href="#">Tab title one</a></li>
|
|
69
|
+
<li class="active"><a href="#">Tab title two</a></li>
|
|
70
|
+
<li><a href="#">Tab title three</a></li>
|
|
71
|
+
<li><a href="#">Tab title four</a></li>
|
|
72
72
|
</ul>
|
|
73
73
|
{% endblock %}
|
|
74
74
|
</div>
|
|
@@ -57,9 +57,9 @@
|
|
|
57
57
|
</div>
|
|
58
58
|
{% block tabs_top %}
|
|
59
59
|
<ul>
|
|
60
|
-
<li>Tab title one</li>
|
|
61
|
-
<li class="active">Active tab</li>
|
|
62
|
-
<li>Tab title two</li>
|
|
60
|
+
<li><a href="#">Tab title one</a></li>
|
|
61
|
+
<li class="active"><a href="#">Active tab</a></li>
|
|
62
|
+
<li><a href="#">Tab title two</a></li>
|
|
63
63
|
</ul>
|
|
64
64
|
{% endblock %}
|
|
65
65
|
</header>
|
|
@@ -57,9 +57,9 @@
|
|
|
57
57
|
</div>
|
|
58
58
|
{% block tabs_top %}
|
|
59
59
|
<ul>
|
|
60
|
-
<li>Tab title one</li>
|
|
61
|
-
<li class="active">Active tab</li>
|
|
62
|
-
<li>Tab title two</li>
|
|
60
|
+
<li><a href="#">Tab title one</a></li>
|
|
61
|
+
<li class="active"><a href="#">Active tab</a></li>
|
|
62
|
+
<li><a href="#">Tab title two</a></li>
|
|
63
63
|
</ul>
|
|
64
64
|
{% endblock %}
|
|
65
65
|
</header>
|
|
@@ -72,10 +72,10 @@
|
|
|
72
72
|
<div class="side-bar">
|
|
73
73
|
{% block tabs_left %}
|
|
74
74
|
<ul>
|
|
75
|
-
<li>Tab title one</li>
|
|
76
|
-
<li class="active">Tab title two</li>
|
|
77
|
-
<li>Tab title three</li>
|
|
78
|
-
<li>Tab title four</li>
|
|
75
|
+
<li><a href="#">Tab title one</a></li>
|
|
76
|
+
<li class="active"><a href="#">Tab title two</a></li>
|
|
77
|
+
<li><a href="#">Tab title three</a></li>
|
|
78
|
+
<li><a href="#">Tab title four</a></li>
|
|
79
79
|
</ul>
|
|
80
80
|
{% endblock %}
|
|
81
81
|
</div>
|