govuk_admin_template 1.0.4 → 1.0.5
Sign up to get free protection for your applications and to get access to all the features.
- data/CHANGELOG.md +4 -0
- data/app/assets/stylesheets/govuk_admin_template/input_helpers.css.scss +11 -11
- data/app/assets/stylesheets/govuk_admin_template/mixins.css.scss +6 -2
- data/app/views/govuk_admin_template/style_guide/index.html.erb +22 -0
- data/lib/govuk_admin_template/version.rb +1 -1
- metadata +3 -3
data/CHANGELOG.md
CHANGED
@@ -6,47 +6,47 @@
|
|
6
6
|
========================================================================== */
|
7
7
|
|
8
8
|
.input-md-1 {
|
9
|
-
@include
|
9
|
+
@include input-md-width(1);
|
10
10
|
}
|
11
11
|
|
12
12
|
.input-md-2 {
|
13
|
-
@include
|
13
|
+
@include input-md-width(2);
|
14
14
|
}
|
15
15
|
|
16
16
|
.input-md-3 {
|
17
|
-
@include
|
17
|
+
@include input-md-width(3);
|
18
18
|
}
|
19
19
|
|
20
20
|
.input-md-4 {
|
21
|
-
@include
|
21
|
+
@include input-md-width(4);
|
22
22
|
}
|
23
23
|
|
24
24
|
.input-md-5 {
|
25
|
-
@include
|
25
|
+
@include input-md-width(5);
|
26
26
|
}
|
27
27
|
|
28
28
|
.input-md-6 {
|
29
|
-
@include
|
29
|
+
@include input-md-width(6);
|
30
30
|
}
|
31
31
|
|
32
32
|
.input-md-7 {
|
33
|
-
@include
|
33
|
+
@include input-md-width(7);
|
34
34
|
}
|
35
35
|
|
36
36
|
.input-md-8 {
|
37
|
-
@include
|
37
|
+
@include input-md-width(8);
|
38
38
|
}
|
39
39
|
|
40
40
|
.input-md-9 {
|
41
|
-
@include
|
41
|
+
@include input-md-width(9);
|
42
42
|
}
|
43
43
|
|
44
44
|
.input-md-10 {
|
45
|
-
@include
|
45
|
+
@include input-md-width(10);
|
46
46
|
}
|
47
47
|
|
48
48
|
.input-md-11 {
|
49
|
-
@include
|
49
|
+
@include input-md-width(11);
|
50
50
|
}
|
51
51
|
|
52
52
|
.form-inline {
|
@@ -50,6 +50,10 @@
|
|
50
50
|
box-sizing: border-box;
|
51
51
|
}
|
52
52
|
|
53
|
-
@mixin
|
54
|
-
|
53
|
+
@mixin input-md-width($x) {
|
54
|
+
// Use a proportion of the widest desktop size. At smaller widths inputs
|
55
|
+
// will be constrained by their containers. Take into account padding
|
56
|
+
// from gutter
|
57
|
+
$single-column-width: $container-large-desktop/$grid-columns;
|
58
|
+
max-width: ($single-column-width * $x) - $grid-gutter-width;
|
55
59
|
}
|
@@ -56,6 +56,28 @@
|
|
56
56
|
</div>
|
57
57
|
</div>
|
58
58
|
</div>
|
59
|
+
|
60
|
+
<h3 class="add-bottom-margin">Inputs in a grid</h3>
|
61
|
+
<div class="row">
|
62
|
+
<div class="col-md-1">
|
63
|
+
<input class="input-md-1 form-control" value="input-md-1" />
|
64
|
+
</div>
|
65
|
+
<div class="col-md-2">
|
66
|
+
<input class="input-md-2 form-control" value="input-md-2" />
|
67
|
+
</div>
|
68
|
+
<div class="col-md-3">
|
69
|
+
<input class="input-md-3 form-control" value="input-md-3" />
|
70
|
+
</div>
|
71
|
+
<div class="col-md-6">
|
72
|
+
<input class="input-md-6 form-control" value="input-md-6" />
|
73
|
+
</div>
|
74
|
+
<div class="col-md-4 add-top-margin">
|
75
|
+
<input class="input-md-4 form-control" value="input-md-4" />
|
76
|
+
</div>
|
77
|
+
<div class="col-md-8 add-top-margin">
|
78
|
+
<input class="input-md-8 form-control" value="input-md-8" />
|
79
|
+
</div>
|
80
|
+
</div>
|
59
81
|
<hr>
|
60
82
|
|
61
83
|
<h2>Buttons</h2>
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: govuk_admin_template
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 1.0.
|
4
|
+
version: 1.0.5
|
5
5
|
prerelease:
|
6
6
|
platform: ruby
|
7
7
|
authors:
|
@@ -202,7 +202,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
|
|
202
202
|
version: '0'
|
203
203
|
segments:
|
204
204
|
- 0
|
205
|
-
hash:
|
205
|
+
hash: 2116947858523364151
|
206
206
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
207
207
|
none: false
|
208
208
|
requirements:
|
@@ -211,7 +211,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
211
211
|
version: '0'
|
212
212
|
segments:
|
213
213
|
- 0
|
214
|
-
hash:
|
214
|
+
hash: 2116947858523364151
|
215
215
|
requirements: []
|
216
216
|
rubyforge_project:
|
217
217
|
rubygems_version: 1.8.23
|