milligram 1.1.0.0 → 1.2.0.0
Sign up to get free protection for your applications and to get access to all the features.
- 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
|