milligram 1.3.0.0 → 1.4.1.1
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 +5 -5
- data/LICENSE.txt +1 -1
- data/lib/milligram/engine.rb +2 -0
- data/lib/milligram/version.rb +3 -1
- data/lib/milligram.rb +4 -2
- data/vendor/assets/stylesheets/milligram/_Base.sass +9 -9
- data/vendor/assets/stylesheets/milligram/_Blockquote.sass +6 -6
- data/vendor/assets/stylesheets/milligram/_Button.sass +55 -55
- data/vendor/assets/stylesheets/milligram/_Code.sass +14 -14
- data/vendor/assets/stylesheets/milligram/_Divider.sass +3 -3
- data/vendor/assets/stylesheets/milligram/_Form.sass +39 -28
- data/vendor/assets/stylesheets/milligram/_Grid.sass +114 -108
- data/vendor/assets/stylesheets/milligram/_Image.sass +1 -1
- data/vendor/assets/stylesheets/milligram/_Link.sass +5 -5
- data/vendor/assets/stylesheets/milligram/_List.sass +10 -10
- data/vendor/assets/stylesheets/milligram/_Spacing.sass +3 -3
- data/vendor/assets/stylesheets/milligram/_Table.sass +17 -9
- data/vendor/assets/stylesheets/milligram/_Typography.sass +21 -21
- data/vendor/assets/stylesheets/milligram/_Utility.sass +6 -6
- data/vendor/assets/stylesheets/milligram/milligram.sass +16 -16
- metadata +15 -25
- data/.gitignore +0 -11
- data/.rspec +0 -2
- data/.travis.yml +0 -4
- data/Gemfile +0 -4
- data/Rakefile +0 -33
- data/bin/console +0 -7
- data/bin/setup +0 -7
- data/milligram.gemspec +0 -26
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
|
-
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
2
|
+
SHA256:
|
3
|
+
metadata.gz: f614ff184950923e165531134c8969834767ba2c90d2a5b0930ab9ea2fbcd67a
|
4
|
+
data.tar.gz: 5b0cfbde2621179b4cedd93b37da1baae65458bb19b1d3928bcf3bd2f0706b3f
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: ea7bafb0af17e7c29a6a5c4ff83091b676a102a13ccb89463e494dbefd5954abf7b92dba2da195ff80effb640f68515c03d3a56646edfa23c8c4e3c141712d47
|
7
|
+
data.tar.gz: f02056dc508f2ae3c16cea557ad30ebd9fed9885ba90cdd954270df1914a54e312add335b8dc1dafbfac09aeba803fad8b067ef68d41776893e64574c52aed37
|
data/LICENSE.txt
CHANGED
data/lib/milligram/engine.rb
CHANGED
data/lib/milligram/version.rb
CHANGED
data/lib/milligram.rb
CHANGED
@@ -1,5 +1,7 @@
|
|
1
|
-
|
2
|
-
|
1
|
+
# frozen_string_literal: true
|
2
|
+
|
3
|
+
require 'milligram/version'
|
4
|
+
require 'milligram/engine' if (defined?(Rails) && defined?(Rails::Engine))
|
3
5
|
|
4
6
|
module Milligram
|
5
7
|
end
|
@@ -6,19 +6,19 @@
|
|
6
6
|
*,
|
7
7
|
*:after,
|
8
8
|
*:before
|
9
|
-
|
9
|
+
box-sizing: inherit
|
10
10
|
|
11
11
|
// The base font-size is set at 62.5% for having the convenience
|
12
12
|
// of sizing rems in a way that is similar to using px: 1.6rem = 16px
|
13
13
|
html
|
14
|
-
|
15
|
-
|
14
|
+
box-sizing: border-box
|
15
|
+
font-size: 62.5%
|
16
16
|
|
17
17
|
// Default body styles
|
18
18
|
body
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
19
|
+
color: $color-secondary
|
20
|
+
font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif
|
21
|
+
font-size: 1.6em // Currently ems cause chrome bug misinterpreting rems on body element
|
22
|
+
font-weight: 300
|
23
|
+
letter-spacing: .01em
|
24
|
+
line-height: 1.6
|
@@ -3,10 +3,10 @@
|
|
3
3
|
// ––––––––––––––––––––––––––––––––––––––––––––––––––
|
4
4
|
|
5
5
|
blockquote
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
6
|
+
border-left: .3rem solid $color-quaternary
|
7
|
+
margin-left: 0
|
8
|
+
margin-right: 0
|
9
|
+
padding: 1rem 1.5rem
|
10
10
|
|
11
|
-
|
12
|
-
|
11
|
+
*:last-child
|
12
|
+
margin-bottom: 0
|
@@ -7,69 +7,69 @@ button,
|
|
7
7
|
input[type='button'],
|
8
8
|
input[type='reset'],
|
9
9
|
input[type='submit']
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
10
|
+
background-color: $color-primary
|
11
|
+
border: .1rem solid $color-primary
|
12
|
+
border-radius: .4rem
|
13
|
+
color: $color-initial
|
14
|
+
cursor: pointer
|
15
|
+
display: inline-block
|
16
|
+
font-size: 1.1rem
|
17
|
+
font-weight: 700
|
18
|
+
height: 3.8rem
|
19
|
+
letter-spacing: .1rem
|
20
|
+
line-height: 3.8rem
|
21
|
+
padding: 0 3.0rem
|
22
|
+
text-align: center
|
23
|
+
text-decoration: none
|
24
|
+
text-transform: uppercase
|
25
|
+
white-space: nowrap
|
26
26
|
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
27
|
+
&:focus,
|
28
|
+
&:hover
|
29
|
+
background-color: $color-secondary
|
30
|
+
border-color: $color-secondary
|
31
|
+
color: $color-initial
|
32
|
+
outline: 0
|
33
33
|
|
34
|
-
|
35
|
-
|
36
|
-
|
34
|
+
&[disabled]
|
35
|
+
cursor: default
|
36
|
+
opacity: .5
|
37
37
|
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
38
|
+
&:focus,
|
39
|
+
&:hover
|
40
|
+
background-color: $color-primary
|
41
|
+
border-color: $color-primary
|
42
42
|
|
43
|
-
|
44
|
-
|
45
|
-
|
43
|
+
&.button-outline
|
44
|
+
background-color: transparent
|
45
|
+
color: $color-primary
|
46
46
|
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
47
|
+
&:focus,
|
48
|
+
&:hover
|
49
|
+
background-color: transparent
|
50
|
+
border-color: $color-secondary
|
51
|
+
color: $color-secondary
|
52
52
|
|
53
|
-
|
53
|
+
&[disabled]
|
54
54
|
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
55
|
+
&:focus,
|
56
|
+
&:hover
|
57
|
+
border-color: inherit
|
58
|
+
color: $color-primary
|
59
59
|
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
60
|
+
&.button-clear
|
61
|
+
background-color: transparent
|
62
|
+
border-color: transparent
|
63
|
+
color: $color-primary
|
64
64
|
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
65
|
+
&:focus,
|
66
|
+
&:hover
|
67
|
+
background-color: transparent
|
68
|
+
border-color: transparent
|
69
|
+
color: $color-secondary
|
70
70
|
|
71
|
-
|
71
|
+
&[disabled]
|
72
72
|
|
73
|
-
|
74
|
-
|
75
|
-
|
73
|
+
&:focus,
|
74
|
+
&:hover
|
75
|
+
color: $color-primary
|
@@ -3,20 +3,20 @@
|
|
3
3
|
// ––––––––––––––––––––––––––––––––––––––––––––––––––
|
4
4
|
|
5
5
|
code
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
6
|
+
background: $color-tertiary
|
7
|
+
border-radius: .4rem
|
8
|
+
font-size: 86%
|
9
|
+
margin: 0 .2rem
|
10
|
+
padding: .2rem .5rem
|
11
|
+
white-space: nowrap
|
12
12
|
|
13
13
|
pre
|
14
|
-
|
15
|
-
|
16
|
-
|
14
|
+
background: $color-tertiary
|
15
|
+
border-left: .3rem solid $color-primary
|
16
|
+
overflow-y: hidden
|
17
17
|
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
18
|
+
& > code
|
19
|
+
border-radius: 0
|
20
|
+
display: block
|
21
|
+
padding: 1rem 1.5rem
|
22
|
+
white-space: pre
|
@@ -2,55 +2,66 @@
|
|
2
2
|
// Form
|
3
3
|
// ––––––––––––––––––––––––––––––––––––––––––––––––––
|
4
4
|
|
5
|
+
input[type='color'],
|
6
|
+
input[type='date'],
|
7
|
+
input[type='datetime'],
|
8
|
+
input[type='datetime-local'],
|
5
9
|
input[type='email'],
|
10
|
+
input[type='month'],
|
6
11
|
input[type='number'],
|
7
12
|
input[type='password'],
|
8
13
|
input[type='search'],
|
9
14
|
input[type='tel'],
|
10
15
|
input[type='text'],
|
11
16
|
input[type='url'],
|
17
|
+
input[type='week'],
|
18
|
+
input:not([type]),
|
12
19
|
textarea,
|
13
20
|
select
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
21
|
+
-webkit-appearance: none // sass-lint:disable-line no-vendor-prefixes
|
22
|
+
background-color: transparent
|
23
|
+
border: .1rem solid $color-quaternary
|
24
|
+
border-radius: .4rem
|
25
|
+
box-shadow: none
|
26
|
+
box-sizing: inherit // Forced to replace inherit values of the normalize.css
|
27
|
+
height: 3.8rem
|
28
|
+
padding: .6rem 1.0rem .7rem // This vertically centers text on FF, ignored by Webkit
|
29
|
+
width: 100%
|
30
|
+
|
31
|
+
&:focus
|
32
|
+
border-color: $color-primary
|
33
|
+
outline: 0
|
27
34
|
|
28
35
|
select
|
29
|
-
|
30
|
-
|
36
|
+
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%23' + str-slice(inspect($color-quaternary), 2) + '" d="M0,0l6,8l6-8"/></svg>') center right no-repeat
|
37
|
+
padding-right: 3.0rem
|
38
|
+
|
39
|
+
&:focus
|
40
|
+
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%23' + str-slice(inspect($color-primary), 2) + '" d="M0,0l6,8l6-8"/></svg>')
|
31
41
|
|
32
|
-
|
33
|
-
|
42
|
+
&[multiple]
|
43
|
+
background: none
|
44
|
+
height: auto
|
34
45
|
|
35
46
|
textarea
|
36
|
-
|
47
|
+
min-height: 6.5rem
|
37
48
|
|
38
49
|
label,
|
39
50
|
legend
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
51
|
+
display: block
|
52
|
+
font-size: 1.6rem
|
53
|
+
font-weight: 700
|
54
|
+
margin-bottom: .5rem
|
44
55
|
|
45
56
|
fieldset
|
46
|
-
|
47
|
-
|
57
|
+
border-width: 0
|
58
|
+
padding: 0
|
48
59
|
|
49
60
|
input[type='checkbox'],
|
50
61
|
input[type='radio']
|
51
|
-
|
62
|
+
display: inline
|
52
63
|
|
53
64
|
.label-inline
|
54
|
-
|
55
|
-
|
56
|
-
|
65
|
+
display: inline-block
|
66
|
+
font-weight: normal
|
67
|
+
margin-left: .5rem
|
@@ -4,11 +4,11 @@
|
|
4
4
|
|
5
5
|
// .container is main centered wrapper with a max width of 112.0rem (1120px)
|
6
6
|
.container
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
7
|
+
margin: 0 auto
|
8
|
+
max-width: 112.0rem
|
9
|
+
padding: 0 2.0rem
|
10
|
+
position: relative
|
11
|
+
width: 100%
|
12
12
|
|
13
13
|
// Using flexbox for the grid, inspired by Philip Walton:
|
14
14
|
// http://philipwalton.github.io/solved-by-flexbox/demos/grids/
|
@@ -16,143 +16,149 @@
|
|
16
16
|
// available width, and the height of each .column with take
|
17
17
|
// up the height of the tallest .column in the same .row
|
18
18
|
.row
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
19
|
+
display: flex
|
20
|
+
flex-direction: column
|
21
|
+
padding: 0
|
22
|
+
width: 100%
|
23
23
|
|
24
|
-
|
25
|
-
|
24
|
+
&.row-no-padding
|
25
|
+
padding: 0
|
26
26
|
|
27
|
-
|
28
|
-
|
27
|
+
&> .column
|
28
|
+
padding: 0
|
29
29
|
|
30
|
-
|
31
|
-
|
30
|
+
&.row-wrap
|
31
|
+
flex-wrap: wrap
|
32
32
|
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
33
|
+
// Vertically Align Columns
|
34
|
+
// .row-* vertically aligns every .col in the .row
|
35
|
+
&.row-top
|
36
|
+
align-items: flex-start
|
37
37
|
|
38
|
-
|
39
|
-
|
38
|
+
&.row-bottom
|
39
|
+
align-items: flex-end
|
40
40
|
|
41
|
-
|
42
|
-
|
41
|
+
&.row-center
|
42
|
+
align-items: center
|
43
43
|
|
44
|
-
|
45
|
-
|
44
|
+
&.row-stretch
|
45
|
+
align-items: stretch
|
46
46
|
|
47
|
-
|
48
|
-
|
47
|
+
&.row-baseline
|
48
|
+
align-items: baseline
|
49
49
|
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
50
|
+
.column
|
51
|
+
display: block
|
52
|
+
// IE 11 required specifying the flex-basis otherwise it breaks mobile
|
53
|
+
flex: 1 1 auto
|
54
|
+
margin-left: 0
|
55
|
+
max-width: 100%
|
56
|
+
width: 100%
|
57
57
|
|
58
|
-
|
59
|
-
|
60
|
-
|
58
|
+
// Column Offsets
|
59
|
+
&.column-offset-10
|
60
|
+
margin-left: 10%
|
61
61
|
|
62
|
-
|
63
|
-
|
62
|
+
&.column-offset-20
|
63
|
+
margin-left: 20%
|
64
64
|
|
65
|
-
|
66
|
-
|
65
|
+
&.column-offset-25
|
66
|
+
margin-left: 25%
|
67
67
|
|
68
|
-
|
69
|
-
|
70
|
-
|
68
|
+
&.column-offset-33,
|
69
|
+
&.column-offset-34
|
70
|
+
margin-left: 33.3333%
|
71
71
|
|
72
|
-
|
73
|
-
|
72
|
+
&.column-offset-40
|
73
|
+
margin-left: 40%
|
74
74
|
|
75
|
-
|
76
|
-
|
77
|
-
margin-left: 66.6666%
|
75
|
+
&.column-offset-50
|
76
|
+
margin-left: 50%
|
78
77
|
|
79
|
-
|
80
|
-
|
78
|
+
&.column-offset-60
|
79
|
+
margin-left: 60%
|
81
80
|
|
82
|
-
|
83
|
-
|
81
|
+
&.column-offset-66,
|
82
|
+
&.column-offset-67
|
83
|
+
margin-left: 66.6666%
|
84
84
|
|
85
|
-
|
86
|
-
|
85
|
+
&.column-offset-75
|
86
|
+
margin-left: 75%
|
87
87
|
|
88
|
-
|
89
|
-
|
90
|
-
// across the grid. However, you can specify individual
|
91
|
-
// columns to take up a certain size of the available area
|
92
|
-
&.column-10
|
93
|
-
flex: 0 0 10%
|
94
|
-
max-width: 10%
|
88
|
+
&.column-offset-80
|
89
|
+
margin-left: 80%
|
95
90
|
|
96
|
-
|
97
|
-
|
98
|
-
max-width: 20%
|
91
|
+
&.column-offset-90
|
92
|
+
margin-left: 90%
|
99
93
|
|
100
|
-
|
101
|
-
|
102
|
-
|
94
|
+
// Explicit Column Percent Sizes
|
95
|
+
// By default each grid column will evenly distribute
|
96
|
+
// across the grid. However, you can specify individual
|
97
|
+
// columns to take up a certain size of the available area
|
98
|
+
&.column-10
|
99
|
+
flex: 0 0 10%
|
100
|
+
max-width: 10%
|
103
101
|
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
max-width: 33.3333%
|
102
|
+
&.column-20
|
103
|
+
flex: 0 0 20%
|
104
|
+
max-width: 20%
|
108
105
|
|
109
|
-
|
110
|
-
|
111
|
-
|
106
|
+
&.column-25
|
107
|
+
flex: 0 0 25%
|
108
|
+
max-width: 25%
|
112
109
|
|
113
|
-
|
114
|
-
|
115
|
-
|
110
|
+
&.column-33,
|
111
|
+
&.column-34
|
112
|
+
flex: 0 0 33.3333%
|
113
|
+
max-width: 33.3333%
|
116
114
|
|
117
|
-
|
118
|
-
|
119
|
-
|
115
|
+
&.column-40
|
116
|
+
flex: 0 0 40%
|
117
|
+
max-width: 40%
|
120
118
|
|
121
|
-
|
122
|
-
|
123
|
-
|
124
|
-
max-width: 66.6666%
|
119
|
+
&.column-50
|
120
|
+
flex: 0 0 50%
|
121
|
+
max-width: 50%
|
125
122
|
|
126
|
-
|
127
|
-
|
128
|
-
|
123
|
+
&.column-60
|
124
|
+
flex: 0 0 60%
|
125
|
+
max-width: 60%
|
129
126
|
|
130
|
-
|
131
|
-
|
132
|
-
|
127
|
+
&.column-66,
|
128
|
+
&.column-67
|
129
|
+
flex: 0 0 66.6666%
|
130
|
+
max-width: 66.6666%
|
133
131
|
|
134
|
-
|
135
|
-
|
136
|
-
|
132
|
+
&.column-75
|
133
|
+
flex: 0 0 75%
|
134
|
+
max-width: 75%
|
137
135
|
|
138
|
-
|
139
|
-
|
140
|
-
|
136
|
+
&.column-80
|
137
|
+
flex: 0 0 80%
|
138
|
+
max-width: 80%
|
141
139
|
|
142
|
-
|
143
|
-
|
140
|
+
&.column-90
|
141
|
+
flex: 0 0 90%
|
142
|
+
max-width: 90%
|
144
143
|
|
145
|
-
|
146
|
-
|
144
|
+
// .column-* vertically aligns an individual .column
|
145
|
+
.column-top
|
146
|
+
align-self: flex-start
|
147
|
+
|
148
|
+
.column-bottom
|
149
|
+
align-self: flex-end
|
150
|
+
|
151
|
+
.column-center
|
152
|
+
align-self: center
|
147
153
|
|
148
154
|
// Larger than mobile screen
|
149
155
|
@media (min-width: 40.0rem) // Safari desktop has a bug using `rem`, but Safari mobile works
|
150
156
|
|
151
|
-
|
152
|
-
|
153
|
-
|
154
|
-
|
157
|
+
.row
|
158
|
+
flex-direction: row
|
159
|
+
margin-left: -1.0rem
|
160
|
+
width: calc(100% + 2.0rem)
|
155
161
|
|
156
|
-
|
157
|
-
|
158
|
-
|
162
|
+
.column
|
163
|
+
margin-bottom: inherit
|
164
|
+
padding: 0 1.0rem
|
@@ -3,9 +3,9 @@
|
|
3
3
|
// ––––––––––––––––––––––––––––––––––––––––––––––––––
|
4
4
|
|
5
5
|
a
|
6
|
-
|
7
|
-
|
6
|
+
color: $color-primary
|
7
|
+
text-decoration: none
|
8
8
|
|
9
|
-
|
10
|
-
|
11
|
-
|
9
|
+
&:focus,
|
10
|
+
&:hover
|
11
|
+
color: $color-secondary
|
@@ -5,18 +5,18 @@
|
|
5
5
|
dl,
|
6
6
|
ol,
|
7
7
|
ul
|
8
|
-
|
9
|
-
|
10
|
-
|
8
|
+
list-style: none
|
9
|
+
margin-top: 0
|
10
|
+
padding-left: 0
|
11
11
|
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
12
|
+
dl,
|
13
|
+
ol,
|
14
|
+
ul
|
15
|
+
font-size: 90%
|
16
|
+
margin: 1.5rem 0 1.5rem 3.0rem
|
17
17
|
|
18
18
|
ol
|
19
|
-
|
19
|
+
list-style: decimal inside
|
20
20
|
|
21
21
|
ul
|
22
|
-
|
22
|
+
list-style: circle inside
|
@@ -7,13 +7,13 @@ button,
|
|
7
7
|
dd,
|
8
8
|
dt,
|
9
9
|
li
|
10
|
-
|
10
|
+
margin-bottom: 1.0rem
|
11
11
|
|
12
12
|
fieldset,
|
13
13
|
input,
|
14
14
|
select,
|
15
15
|
textarea
|
16
|
-
|
16
|
+
margin-bottom: 1.5rem
|
17
17
|
|
18
18
|
blockquote,
|
19
19
|
dl,
|
@@ -24,4 +24,4 @@ p,
|
|
24
24
|
pre,
|
25
25
|
table,
|
26
26
|
ul
|
27
|
-
|
27
|
+
margin-bottom: 2.5rem
|
@@ -3,17 +3,25 @@
|
|
3
3
|
// ––––––––––––––––––––––––––––––––––––––––––––––––––
|
4
4
|
|
5
5
|
table
|
6
|
-
|
7
|
-
|
6
|
+
border-spacing: 0
|
7
|
+
display: block
|
8
|
+
overflow-x: auto
|
9
|
+
text-align: left
|
10
|
+
width: 100%
|
8
11
|
|
9
12
|
td,
|
10
13
|
th
|
11
|
-
|
12
|
-
|
13
|
-
text-align: left
|
14
|
+
border-bottom: .1rem solid $color-quinary
|
15
|
+
padding: 1.2rem 1.5rem
|
14
16
|
|
15
|
-
|
16
|
-
|
17
|
+
&:first-child
|
18
|
+
padding-left: 0
|
17
19
|
|
18
|
-
|
19
|
-
|
20
|
+
&:last-child
|
21
|
+
padding-right: 0
|
22
|
+
|
23
|
+
@media (min-width: 40.0rem)
|
24
|
+
|
25
|
+
table
|
26
|
+
display: table
|
27
|
+
overflow-x: initial
|
@@ -4,10 +4,10 @@
|
|
4
4
|
|
5
5
|
b,
|
6
6
|
strong
|
7
|
-
|
7
|
+
font-weight: bold
|
8
8
|
|
9
9
|
p
|
10
|
-
|
10
|
+
margin-top: 0
|
11
11
|
|
12
12
|
h1,
|
13
13
|
h2,
|
@@ -15,34 +15,34 @@ h3,
|
|
15
15
|
h4,
|
16
16
|
h5,
|
17
17
|
h6
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
18
|
+
font-weight: 300
|
19
|
+
letter-spacing: -.1rem
|
20
|
+
margin-bottom: 2.0rem
|
21
|
+
margin-top: 0
|
22
22
|
|
23
23
|
h1
|
24
|
-
|
25
|
-
|
24
|
+
font-size: 4.6rem
|
25
|
+
line-height: 1.2
|
26
26
|
|
27
27
|
h2
|
28
|
-
|
29
|
-
|
28
|
+
font-size: 3.6rem
|
29
|
+
line-height: 1.25
|
30
30
|
|
31
31
|
h3
|
32
|
-
|
33
|
-
|
32
|
+
font-size: 2.8rem
|
33
|
+
line-height: 1.3
|
34
34
|
|
35
35
|
h4
|
36
|
-
|
37
|
-
|
38
|
-
|
36
|
+
font-size: 2.2rem
|
37
|
+
letter-spacing: -.08rem
|
38
|
+
line-height: 1.35
|
39
39
|
|
40
40
|
h5
|
41
|
-
|
42
|
-
|
43
|
-
|
41
|
+
font-size: 1.8rem
|
42
|
+
letter-spacing: -.05rem
|
43
|
+
line-height: 1.5
|
44
44
|
|
45
45
|
h6
|
46
|
-
|
47
|
-
|
48
|
-
|
46
|
+
font-size: 1.6rem
|
47
|
+
letter-spacing: 0
|
48
|
+
line-height: 1.4
|
@@ -5,14 +5,14 @@
|
|
5
5
|
// Clear a float with .clearfix
|
6
6
|
.clearfix
|
7
7
|
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
8
|
+
&:after
|
9
|
+
clear: both
|
10
|
+
content: ' ' // The space content is one way to avoid an Opera bug.
|
11
|
+
display: table
|
12
12
|
|
13
13
|
// Float either direction
|
14
14
|
.float-left
|
15
|
-
|
15
|
+
float: left
|
16
16
|
|
17
17
|
.float-right
|
18
|
-
|
18
|
+
float: right
|
@@ -1,19 +1,19 @@
|
|
1
1
|
|
2
|
-
//
|
2
|
+
// Modules
|
3
3
|
// ––––––––––––––––––––––––––––––––––––––––––––––––––
|
4
4
|
|
5
|
-
@import
|
6
|
-
@import
|
7
|
-
@import
|
8
|
-
@import
|
9
|
-
@import
|
10
|
-
@import
|
11
|
-
@import
|
12
|
-
@import
|
13
|
-
@import
|
14
|
-
@import
|
15
|
-
@import
|
16
|
-
@import
|
17
|
-
@import
|
18
|
-
@import
|
19
|
-
@import
|
5
|
+
@import _Color
|
6
|
+
@import _Base
|
7
|
+
@import _Blockquote
|
8
|
+
@import _Button
|
9
|
+
@import _Code
|
10
|
+
@import _Divider
|
11
|
+
@import _Form
|
12
|
+
@import _Grid
|
13
|
+
@import _Link
|
14
|
+
@import _List
|
15
|
+
@import _Spacing
|
16
|
+
@import _Table
|
17
|
+
@import _Typography
|
18
|
+
@import _Image
|
19
|
+
@import _Utility
|
metadata
CHANGED
@@ -1,43 +1,43 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: milligram
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 1.
|
4
|
+
version: 1.4.1.1
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Zoran
|
8
|
-
autorequire:
|
9
|
-
bindir:
|
8
|
+
autorequire:
|
9
|
+
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date:
|
11
|
+
date: 2023-11-19 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: bundler
|
15
15
|
requirement: !ruby/object:Gem::Requirement
|
16
16
|
requirements:
|
17
|
-
- - "
|
17
|
+
- - ">="
|
18
18
|
- !ruby/object:Gem::Version
|
19
|
-
version:
|
19
|
+
version: 2.0.2
|
20
20
|
type: :development
|
21
21
|
prerelease: false
|
22
22
|
version_requirements: !ruby/object:Gem::Requirement
|
23
23
|
requirements:
|
24
|
-
- - "
|
24
|
+
- - ">="
|
25
25
|
- !ruby/object:Gem::Version
|
26
|
-
version:
|
26
|
+
version: 2.0.2
|
27
27
|
- !ruby/object:Gem::Dependency
|
28
28
|
name: rake
|
29
29
|
requirement: !ruby/object:Gem::Requirement
|
30
30
|
requirements:
|
31
|
-
- - "
|
31
|
+
- - ">="
|
32
32
|
- !ruby/object:Gem::Version
|
33
|
-
version:
|
33
|
+
version: 12.3.3
|
34
34
|
type: :development
|
35
35
|
prerelease: false
|
36
36
|
version_requirements: !ruby/object:Gem::Requirement
|
37
37
|
requirements:
|
38
|
-
- - "
|
38
|
+
- - ">="
|
39
39
|
- !ruby/object:Gem::Version
|
40
|
-
version:
|
40
|
+
version: 12.3.3
|
41
41
|
- !ruby/object:Gem::Dependency
|
42
42
|
name: rspec
|
43
43
|
requirement: !ruby/object:Gem::Requirement
|
@@ -68,24 +68,15 @@ dependencies:
|
|
68
68
|
version: 0.10.3
|
69
69
|
description: Milligram framework's assets packaged into a Ruby gem.
|
70
70
|
email:
|
71
|
-
- zoran1991@gmail.com
|
72
71
|
executables: []
|
73
72
|
extensions: []
|
74
73
|
extra_rdoc_files: []
|
75
74
|
files:
|
76
|
-
- ".gitignore"
|
77
|
-
- ".rspec"
|
78
|
-
- ".travis.yml"
|
79
|
-
- Gemfile
|
80
75
|
- LICENSE.txt
|
81
76
|
- README.md
|
82
|
-
- Rakefile
|
83
|
-
- bin/console
|
84
|
-
- bin/setup
|
85
77
|
- lib/milligram.rb
|
86
78
|
- lib/milligram/engine.rb
|
87
79
|
- lib/milligram/version.rb
|
88
|
-
- milligram.gemspec
|
89
80
|
- vendor/assets/stylesheets/milligram.scss
|
90
81
|
- vendor/assets/stylesheets/milligram/_Base.sass
|
91
82
|
- vendor/assets/stylesheets/milligram/_Blockquote.sass
|
@@ -107,7 +98,7 @@ homepage: https://github.com/zokioki/milligram-rb
|
|
107
98
|
licenses:
|
108
99
|
- MIT
|
109
100
|
metadata: {}
|
110
|
-
post_install_message:
|
101
|
+
post_install_message:
|
111
102
|
rdoc_options: []
|
112
103
|
require_paths:
|
113
104
|
- lib
|
@@ -122,9 +113,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
122
113
|
- !ruby/object:Gem::Version
|
123
114
|
version: '0'
|
124
115
|
requirements: []
|
125
|
-
|
126
|
-
|
127
|
-
signing_key:
|
116
|
+
rubygems_version: 3.4.3
|
117
|
+
signing_key:
|
128
118
|
specification_version: 4
|
129
119
|
summary: A minimalist CSS framework.
|
130
120
|
test_files: []
|
data/.gitignore
DELETED
data/.rspec
DELETED
data/.travis.yml
DELETED
data/Gemfile
DELETED
data/Rakefile
DELETED
@@ -1,33 +0,0 @@
|
|
1
|
-
require "bundler/gem_tasks"
|
2
|
-
require "rspec/core/rake_task"
|
3
|
-
require "milligram/version"
|
4
|
-
|
5
|
-
RSpec::Core::RakeTask.new(:spec)
|
6
|
-
|
7
|
-
task :default => :spec
|
8
|
-
|
9
|
-
namespace :milligram do
|
10
|
-
namespace :assets do
|
11
|
-
desc 'Update Milligram\'s assets.'
|
12
|
-
task update: :clean do
|
13
|
-
version = ARGV[1] || "v#{Milligram::VERSION.sub(/.\d+$/, '')}"
|
14
|
-
|
15
|
-
sh 'git clone git@github.com:milligram/milligram.git milligram_source'
|
16
|
-
sh "cd milligram_source && git checkout tags/#{version}"
|
17
|
-
sh 'cp -R milligram_source/src/ vendor/assets/stylesheets/milligram/'
|
18
|
-
|
19
|
-
File.open('vendor/assets/stylesheets/milligram.scss', 'w') do |f|
|
20
|
-
f.write('@import "milligram/milligram.sass";')
|
21
|
-
end
|
22
|
-
|
23
|
-
puts "\n=*=*=*=*=*=*=*=*=*=*\n=* ASSETS UPDATED! *=\n=*=*=*=*=*=*=*=*=*=*\n"
|
24
|
-
end
|
25
|
-
|
26
|
-
desc 'Remove previous Milligram assets.'
|
27
|
-
task :clean do
|
28
|
-
sh 'rm -rf vendor'
|
29
|
-
sh 'rm -rf milligram_source'
|
30
|
-
sh 'mkdir -p vendor/assets/stylesheets/'
|
31
|
-
end
|
32
|
-
end
|
33
|
-
end
|
data/bin/console
DELETED
data/bin/setup
DELETED
data/milligram.gemspec
DELETED
@@ -1,26 +0,0 @@
|
|
1
|
-
# coding: utf-8
|
2
|
-
lib = File.expand_path('../lib', __FILE__)
|
3
|
-
$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
|
4
|
-
require 'milligram/version'
|
5
|
-
|
6
|
-
Gem::Specification.new do |spec|
|
7
|
-
spec.name = "milligram"
|
8
|
-
spec.version = Milligram::VERSION
|
9
|
-
spec.authors = ["Zoran"]
|
10
|
-
spec.email = ["zoran1991@gmail.com"]
|
11
|
-
|
12
|
-
spec.summary = %q{A minimalist CSS framework.}
|
13
|
-
spec.description = %q{Milligram framework's assets packaged into a Ruby gem.}
|
14
|
-
spec.homepage = "https://github.com/zokioki/milligram-rb"
|
15
|
-
spec.license = "MIT"
|
16
|
-
|
17
|
-
spec.files = `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
|
18
|
-
spec.bindir = "exe"
|
19
|
-
spec.executables = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
|
20
|
-
spec.require_paths = ["lib"]
|
21
|
-
|
22
|
-
spec.add_development_dependency "bundler", "~> 1.11"
|
23
|
-
spec.add_development_dependency "rake", "~> 10.0"
|
24
|
-
spec.add_development_dependency "rspec", "~> 3.0"
|
25
|
-
spec.add_development_dependency "pry", "~> 0.10.3"
|
26
|
-
end
|