milligram 1.1.0.0 → 1.2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/README.md +2 -1
- data/lib/milligram/version.rb +1 -1
- data/vendor/assets/stylesheets/milligram/_Base.sass +2 -2
- data/vendor/assets/stylesheets/milligram/_Blockquote.sass +3 -3
- data/vendor/assets/stylesheets/milligram/_Button.sass +18 -21
- data/vendor/assets/stylesheets/milligram/_Code.sass +1 -3
- data/vendor/assets/stylesheets/milligram/_Color.sass +1 -0
- data/vendor/assets/stylesheets/milligram/_Divider.sass +1 -2
- data/vendor/assets/stylesheets/milligram/_Form.sass +7 -8
- data/vendor/assets/stylesheets/milligram/_Grid.sass +23 -26
- data/vendor/assets/stylesheets/milligram/_Image.sass +6 -0
- data/vendor/assets/stylesheets/milligram/_Link.sass +1 -0
- data/vendor/assets/stylesheets/milligram/_List.sass +6 -13
- data/vendor/assets/stylesheets/milligram/_Spacing.sass +12 -9
- data/vendor/assets/stylesheets/milligram/_Table.sass +3 -3
- data/vendor/assets/stylesheets/milligram/_Typography.sass +2 -4
- data/vendor/assets/stylesheets/milligram/_Utility.sass +9 -13
- data/vendor/assets/stylesheets/milligram/milligram.sass +1 -0
- metadata +3 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 58c649ba0f10514a695b623ebcb898fc7b886742
|
|
4
|
+
data.tar.gz: f7a119f4519518d1dab1b2a2f3ffb3bb7fdee703
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 8313fc6bb46de3e67b91747863208845c7d7e0f3fddee197d6a69f5a0d3fa7d626fe6abdc8da54b2c73026a2572a9ab228873113fc1e0a5c4d4c7abd6c840ffb
|
|
7
|
+
data.tar.gz: e2d09c07bc22afc4848ec7c0a9ea07a1d39c4be575fac3075a8d4fde516b8b6d32523bdd898ae68b4e1bc3feadf3bb25381bda60ad3e8bd476423290fd97a330
|
data/README.md
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
# Milligram
|
|
2
2
|
|
|
3
|
-
[
|
|
3
|
+
[](https://badge.fury.io/rb/milligram)
|
|
4
4
|
|
|
5
|
+
[Milligram](https://milligram.github.io/) is a minimalist CSS framework. This gem packages the framework's assets for drop-in use in Rails applications.
|
|
5
6
|
|
|
6
7
|
## Installation
|
|
7
8
|
|
data/lib/milligram/version.rb
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
// ––––––––––––––––––––––––––––––––––––––––––––––––––
|
|
4
4
|
|
|
5
5
|
// The base font-size is set at 62.5% for having the convenience
|
|
6
|
-
// of sizing rems in a way that is similar to using px
|
|
6
|
+
// of sizing rems in a way that is similar to using px: 1.6rem = 16px
|
|
7
7
|
html
|
|
8
8
|
box-sizing: border-box
|
|
9
9
|
font-size: 62.5%
|
|
@@ -12,7 +12,7 @@ html
|
|
|
12
12
|
body
|
|
13
13
|
color: $color-secondary
|
|
14
14
|
font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif
|
|
15
|
-
font-size: 1.6em //
|
|
15
|
+
font-size: 1.6em // Currently ems cause chrome bug misinterpreting rems on body element
|
|
16
16
|
font-weight: 300
|
|
17
17
|
letter-spacing: .01em
|
|
18
18
|
line-height: 1.6
|
|
@@ -3,10 +3,10 @@
|
|
|
3
3
|
// ––––––––––––––––––––––––––––––––––––––––––––––––––
|
|
4
4
|
|
|
5
5
|
blockquote
|
|
6
|
-
border-left:
|
|
6
|
+
border-left: .3rem solid $color-quaternary
|
|
7
7
|
margin-left: 0
|
|
8
8
|
margin-right: 0
|
|
9
9
|
padding: 1rem 1.5rem
|
|
10
10
|
|
|
11
|
-
|
|
12
|
-
margin: 0
|
|
11
|
+
*:last-child
|
|
12
|
+
margin-bottom: 0
|
|
@@ -24,55 +24,52 @@ input[type='submit']
|
|
|
24
24
|
text-transform: uppercase
|
|
25
25
|
white-space: nowrap
|
|
26
26
|
|
|
27
|
-
&:
|
|
28
|
-
&:
|
|
27
|
+
&:focus,
|
|
28
|
+
&:hover
|
|
29
29
|
background-color: $color-secondary
|
|
30
30
|
border-color: $color-secondary
|
|
31
31
|
color: $color-initial
|
|
32
32
|
outline: 0
|
|
33
33
|
|
|
34
|
-
&.button-disabled,
|
|
35
34
|
&[disabled]
|
|
36
|
-
opacity: .5
|
|
37
35
|
cursor: default
|
|
36
|
+
opacity: .5
|
|
38
37
|
|
|
39
|
-
&:
|
|
40
|
-
&:
|
|
38
|
+
&:focus,
|
|
39
|
+
&:hover
|
|
41
40
|
background-color: $color-primary
|
|
42
41
|
border-color: $color-primary
|
|
43
42
|
|
|
44
43
|
&.button-outline
|
|
45
|
-
color: $color-primary
|
|
46
44
|
background-color: transparent
|
|
45
|
+
color: $color-primary
|
|
47
46
|
|
|
48
|
-
&:
|
|
49
|
-
&:
|
|
50
|
-
color: $color-secondary
|
|
47
|
+
&:focus,
|
|
48
|
+
&:hover
|
|
51
49
|
background-color: transparent
|
|
52
50
|
border-color: $color-secondary
|
|
51
|
+
color: $color-secondary
|
|
53
52
|
|
|
54
|
-
&.button-disabled,
|
|
55
53
|
&[disabled]
|
|
56
54
|
|
|
57
|
-
&:
|
|
58
|
-
&:
|
|
59
|
-
color: $color-primary
|
|
55
|
+
&:focus,
|
|
56
|
+
&:hover
|
|
60
57
|
border-color: inherit
|
|
58
|
+
color: $color-primary
|
|
61
59
|
|
|
62
60
|
&.button-clear
|
|
63
|
-
color: $color-primary
|
|
64
61
|
background-color: transparent
|
|
65
62
|
border-color: transparent
|
|
63
|
+
color: $color-primary
|
|
66
64
|
|
|
67
|
-
&:
|
|
68
|
-
&:
|
|
69
|
-
color: $color-secondary
|
|
65
|
+
&:focus,
|
|
66
|
+
&:hover
|
|
70
67
|
background-color: transparent
|
|
71
68
|
border-color: transparent
|
|
69
|
+
color: $color-secondary
|
|
72
70
|
|
|
73
|
-
&.button-disabled,
|
|
74
71
|
&[disabled]
|
|
75
72
|
|
|
76
|
-
&:
|
|
77
|
-
&:
|
|
73
|
+
&:focus,
|
|
74
|
+
&:hover
|
|
78
75
|
color: $color-primary
|
|
@@ -6,17 +6,15 @@ code
|
|
|
6
6
|
background: $color-tertiary
|
|
7
7
|
border-radius: .4rem
|
|
8
8
|
font-size: 86%
|
|
9
|
-
padding: .2rem .5rem
|
|
10
9
|
margin: 0 .2rem
|
|
10
|
+
padding: .2rem .5rem
|
|
11
11
|
white-space: nowrap
|
|
12
12
|
|
|
13
13
|
pre
|
|
14
14
|
background: $color-tertiary
|
|
15
15
|
border-left: .3rem solid $color-primary
|
|
16
|
-
font-family: 'Menlo', 'Consolas', 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', 'Monaco', monospace
|
|
17
16
|
|
|
18
17
|
& > code
|
|
19
|
-
background: transparent
|
|
20
18
|
border-radius: 0
|
|
21
19
|
display: block
|
|
22
20
|
padding: 1rem 1.5rem
|
|
@@ -16,31 +16,30 @@ select
|
|
|
16
16
|
border: .1rem solid $color-quaternary
|
|
17
17
|
border-radius: .4rem
|
|
18
18
|
box-shadow: none
|
|
19
|
+
box-sizing: inherit // Forced to replace inherit values of the normalize.css
|
|
19
20
|
height: 3.8rem
|
|
20
21
|
padding: .6rem 1.0rem // The .6rem vertically centers text on FF, ignored by Webkit
|
|
21
22
|
width: 100%
|
|
22
23
|
|
|
23
24
|
&:focus
|
|
24
|
-
border:
|
|
25
|
+
border-color: $color-primary
|
|
25
26
|
outline: 0
|
|
26
27
|
|
|
27
28
|
select
|
|
28
|
-
|
|
29
|
-
|
|
29
|
+
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="#d1d1d1" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>') center right no-repeat
|
|
30
|
+
padding-right: 3.0rem
|
|
30
31
|
|
|
31
32
|
&:focus
|
|
32
|
-
background-image: url(data:image/svg+xml;
|
|
33
|
+
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="#9b4dca" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>')
|
|
33
34
|
|
|
34
35
|
textarea
|
|
35
|
-
padding-bottom: .6rem
|
|
36
|
-
padding-top: .6rem
|
|
37
36
|
min-height: 6.5rem
|
|
38
37
|
|
|
39
38
|
label,
|
|
40
39
|
legend
|
|
40
|
+
display: block
|
|
41
41
|
font-size: 1.6rem
|
|
42
42
|
font-weight: 700
|
|
43
|
-
display: block
|
|
44
43
|
margin-bottom: .5rem
|
|
45
44
|
|
|
46
45
|
fieldset
|
|
@@ -52,6 +51,6 @@ input[type='radio']
|
|
|
52
51
|
display: inline
|
|
53
52
|
|
|
54
53
|
.label-inline
|
|
55
|
-
font-weight: normal
|
|
56
54
|
display: inline-block
|
|
55
|
+
font-weight: normal
|
|
57
56
|
margin-left: .5rem
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
// Grid
|
|
3
3
|
// ––––––––––––––––––––––––––––––––––––––––––––––––––
|
|
4
4
|
|
|
5
|
-
// .container is main centered wrapper with a max width of
|
|
5
|
+
// .container is main centered wrapper with a max width of 112.0rem (1120px)
|
|
6
6
|
.container
|
|
7
7
|
margin: 0 auto
|
|
8
8
|
max-width: 112.0rem
|
|
@@ -14,41 +14,37 @@
|
|
|
14
14
|
// http://philipwalton.github.io/solved-by-flexbox/demos/grids/
|
|
15
15
|
// By default each .column within a .row will evenly take up
|
|
16
16
|
// available width, and the height of each .column with take
|
|
17
|
-
// up the height of the tallest .column in the same .row
|
|
17
|
+
// up the height of the tallest .column in the same .row
|
|
18
18
|
.row
|
|
19
19
|
display: flex
|
|
20
20
|
flex-direction: column
|
|
21
21
|
padding: 0
|
|
22
22
|
width: 100%
|
|
23
23
|
|
|
24
|
-
|
|
25
|
-
flex-wrap: wrap
|
|
26
|
-
|
|
27
|
-
.row-no-padding
|
|
24
|
+
&.row-no-padding
|
|
28
25
|
padding: 0
|
|
29
26
|
|
|
30
27
|
&> .column
|
|
31
28
|
padding: 0
|
|
32
29
|
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
// padding-top: 0
|
|
30
|
+
&.row-wrap
|
|
31
|
+
flex-wrap: wrap
|
|
36
32
|
|
|
37
33
|
// Vertically Align Columns
|
|
38
34
|
// .row-* vertically aligns every .col in the .row
|
|
39
|
-
|
|
35
|
+
&.row-top
|
|
40
36
|
align-items: flex-start
|
|
41
37
|
|
|
42
|
-
|
|
38
|
+
&.row-bottom
|
|
43
39
|
align-items: flex-end
|
|
44
40
|
|
|
45
|
-
|
|
41
|
+
&.row-center
|
|
46
42
|
align-items: center
|
|
47
43
|
|
|
48
|
-
|
|
44
|
+
&.row-stretch
|
|
49
45
|
align-items: stretch
|
|
50
46
|
|
|
51
|
-
|
|
47
|
+
&.row-baseline
|
|
52
48
|
align-items: baseline
|
|
53
49
|
|
|
54
50
|
.column
|
|
@@ -58,16 +54,6 @@
|
|
|
58
54
|
max-width: 100%
|
|
59
55
|
width: 100%
|
|
60
56
|
|
|
61
|
-
// .column-* vertically aligns an individual .column
|
|
62
|
-
.col-top
|
|
63
|
-
align-self: flex-start
|
|
64
|
-
|
|
65
|
-
.col-bottom
|
|
66
|
-
align-self: flex-end
|
|
67
|
-
|
|
68
|
-
.col-center
|
|
69
|
-
align-self: center
|
|
70
|
-
|
|
71
57
|
// Column Offsets
|
|
72
58
|
&.column-offset-10
|
|
73
59
|
margin-left: 10%
|
|
@@ -131,7 +117,8 @@
|
|
|
131
117
|
flex: 0 0 60%
|
|
132
118
|
max-width: 60%
|
|
133
119
|
|
|
134
|
-
&.column-66,
|
|
120
|
+
&.column-66,
|
|
121
|
+
&.column-67
|
|
135
122
|
flex: 0 0 66.6666%
|
|
136
123
|
max-width: 66.6666%
|
|
137
124
|
|
|
@@ -147,8 +134,18 @@
|
|
|
147
134
|
flex: 0 0 90%
|
|
148
135
|
max-width: 90%
|
|
149
136
|
|
|
137
|
+
// .column-* vertically aligns an individual .column
|
|
138
|
+
.column-top
|
|
139
|
+
align-self: flex-start
|
|
140
|
+
|
|
141
|
+
.column-bottom
|
|
142
|
+
align-self: flex-end
|
|
143
|
+
|
|
144
|
+
.column-center
|
|
145
|
+
align-self: center
|
|
146
|
+
|
|
150
147
|
// Larger than mobile screen
|
|
151
|
-
@media (min-width: 40.0rem)
|
|
148
|
+
@media (min-width: 40.0rem) // Safari desktop has a bug using `rem`, but Safari mobile works
|
|
152
149
|
|
|
153
150
|
.row
|
|
154
151
|
flex-direction: row
|
|
@@ -5,25 +5,18 @@
|
|
|
5
5
|
dl,
|
|
6
6
|
ol,
|
|
7
7
|
ul
|
|
8
|
+
list-style: none
|
|
8
9
|
margin-top: 0
|
|
9
10
|
padding-left: 0
|
|
10
11
|
|
|
11
|
-
dl
|
|
12
|
-
|
|
13
|
-
|
|
12
|
+
dl,
|
|
13
|
+
ol,
|
|
14
|
+
ul
|
|
14
15
|
font-size: 90%
|
|
15
16
|
margin: 1.5rem 0 1.5rem 3.0rem
|
|
16
17
|
|
|
17
|
-
dl
|
|
18
|
-
list-style: none
|
|
19
|
-
|
|
20
|
-
ul
|
|
21
|
-
list-style: circle inside
|
|
22
|
-
|
|
23
18
|
ol
|
|
24
19
|
list-style: decimal inside
|
|
25
20
|
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
li
|
|
29
|
-
margin-bottom: 1.0rem
|
|
21
|
+
ul
|
|
22
|
+
list-style: circle inside
|
|
@@ -3,22 +3,25 @@
|
|
|
3
3
|
// ––––––––––––––––––––––––––––––––––––––––––––––––––
|
|
4
4
|
|
|
5
5
|
.button,
|
|
6
|
-
button
|
|
7
|
-
|
|
6
|
+
button,
|
|
7
|
+
dd,
|
|
8
|
+
dt,
|
|
9
|
+
li
|
|
10
|
+
margin-bottom: 1.0rem
|
|
8
11
|
|
|
12
|
+
fieldset,
|
|
9
13
|
input,
|
|
10
|
-
textarea,
|
|
11
14
|
select,
|
|
12
|
-
|
|
15
|
+
textarea
|
|
13
16
|
margin-bottom: 1.5rem
|
|
14
17
|
|
|
15
|
-
pre,
|
|
16
18
|
blockquote,
|
|
17
19
|
dl,
|
|
18
20
|
figure,
|
|
19
|
-
|
|
20
|
-
p,
|
|
21
|
-
ul,
|
|
21
|
+
form,
|
|
22
22
|
ol,
|
|
23
|
-
|
|
23
|
+
p,
|
|
24
|
+
pre,
|
|
25
|
+
table,
|
|
26
|
+
ul
|
|
24
27
|
margin-bottom: 2.5rem
|
|
@@ -12,22 +12,20 @@ h4,
|
|
|
12
12
|
h5,
|
|
13
13
|
h6
|
|
14
14
|
font-weight: 300
|
|
15
|
+
letter-spacing: -.1rem
|
|
15
16
|
margin-bottom: 2.0rem
|
|
16
17
|
margin-top: 0
|
|
17
18
|
|
|
18
19
|
h1
|
|
19
20
|
font-size: 4.0rem
|
|
20
|
-
letter-spacing: -.1rem
|
|
21
21
|
line-height: 1.2
|
|
22
22
|
|
|
23
23
|
h2
|
|
24
24
|
font-size: 3.6rem
|
|
25
|
-
letter-spacing: -.1rem
|
|
26
25
|
line-height: 1.25
|
|
27
26
|
|
|
28
27
|
h3
|
|
29
28
|
font-size: 3.0rem
|
|
30
|
-
letter-spacing: -.1rem
|
|
31
29
|
line-height: 1.3
|
|
32
30
|
|
|
33
31
|
h4
|
|
@@ -46,7 +44,7 @@ h6
|
|
|
46
44
|
line-height: 1.4
|
|
47
45
|
|
|
48
46
|
// Larger than mobile screen
|
|
49
|
-
@media (min-width: 40.0rem)
|
|
47
|
+
@media (min-width: 40.0rem) // Safari desktop has a bug using `rem`, but Safari mobile works
|
|
50
48
|
|
|
51
49
|
h1
|
|
52
50
|
font-size: 5.0rem
|
|
@@ -2,21 +2,17 @@
|
|
|
2
2
|
// Utility
|
|
3
3
|
// ––––––––––––––––––––––––––––––––––––––––––––––––––
|
|
4
4
|
|
|
5
|
-
// Float either direction
|
|
6
|
-
.float-right
|
|
7
|
-
float: right
|
|
8
|
-
|
|
9
|
-
.float-left
|
|
10
|
-
float: left
|
|
11
|
-
|
|
12
5
|
// Clear a float with .clearfix
|
|
13
6
|
.clearfix
|
|
14
|
-
*zoom: 1
|
|
15
|
-
|
|
16
|
-
&:after,
|
|
17
|
-
&:before
|
|
18
|
-
content: ''
|
|
19
|
-
display: table
|
|
20
7
|
|
|
21
8
|
&:after
|
|
22
9
|
clear: both
|
|
10
|
+
content: ' ' // The space content is one way to avoid an Opera bug.
|
|
11
|
+
display: table
|
|
12
|
+
|
|
13
|
+
// Float either direction
|
|
14
|
+
.float-left
|
|
15
|
+
float: left
|
|
16
|
+
|
|
17
|
+
.float-right
|
|
18
|
+
float: right
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: milligram
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 1.
|
|
4
|
+
version: 1.2.0.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Zoran
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: exe
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2016-
|
|
11
|
+
date: 2016-11-17 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: bundler
|
|
@@ -95,6 +95,7 @@ files:
|
|
|
95
95
|
- vendor/assets/stylesheets/milligram/_Divider.sass
|
|
96
96
|
- vendor/assets/stylesheets/milligram/_Form.sass
|
|
97
97
|
- vendor/assets/stylesheets/milligram/_Grid.sass
|
|
98
|
+
- vendor/assets/stylesheets/milligram/_Image.sass
|
|
98
99
|
- vendor/assets/stylesheets/milligram/_Link.sass
|
|
99
100
|
- vendor/assets/stylesheets/milligram/_List.sass
|
|
100
101
|
- vendor/assets/stylesheets/milligram/_Spacing.sass
|