milligram 1.3.0.0 → 1.4.1.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +5 -5
- data/LICENSE.txt +1 -1
- data/Rakefile +9 -5
- data/lib/milligram.rb +4 -2
- data/lib/milligram/engine.rb +2 -0
- data/lib/milligram/version.rb +3 -1
- data/milligram.gemspec +11 -11
- 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 +12 -13
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
|
-
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
2
|
+
SHA256:
|
3
|
+
metadata.gz: 842e5031a711892a36e1097d258b63c1593c0a78c2a22f215b31911249bbc160
|
4
|
+
data.tar.gz: 07d86fb3bd3cbef219b32fb9f0eef8d4a44c550e2c9b920125cf3f65bea38b03
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 4ea04ab932a8f6fd3df183dd12ee47561175334ea6edadfde143e63a3ecee0662bb23c7c279fdae22f9f1b36d3113dd2f5274ffefe3b94e9cad8820dc228b380
|
7
|
+
data.tar.gz: 76d0e47a547ab205b9f10479fa1c8e894d83dddeb64f86a80e7b4dccc9dcd0569b274c70c8c94b5b2bfa38f14958a4f95c5e3a6f23c8e9f4695662215592eb78
|
data/LICENSE.txt
CHANGED
data/Rakefile
CHANGED
@@ -1,10 +1,12 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
require
|
1
|
+
# frozen_string_literal: true
|
2
|
+
|
3
|
+
require 'bundler/gem_tasks'
|
4
|
+
require 'rspec/core/rake_task'
|
5
|
+
require 'milligram/version'
|
4
6
|
|
5
7
|
RSpec::Core::RakeTask.new(:spec)
|
6
8
|
|
7
|
-
task :
|
9
|
+
task default: :spec
|
8
10
|
|
9
11
|
namespace :milligram do
|
10
12
|
namespace :assets do
|
@@ -20,7 +22,9 @@ namespace :milligram do
|
|
20
22
|
f.write('@import "milligram/milligram.sass";')
|
21
23
|
end
|
22
24
|
|
23
|
-
puts "\n
|
25
|
+
puts "\n================================"
|
26
|
+
puts "* ASSETS UPDATED to #{version}! 🔧 *"
|
27
|
+
puts "================================"
|
24
28
|
end
|
25
29
|
|
26
30
|
desc 'Remove previous Milligram assets.'
|
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
|
data/lib/milligram/engine.rb
CHANGED
data/lib/milligram/version.rb
CHANGED
data/milligram.gemspec
CHANGED
@@ -4,23 +4,23 @@ $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
|
|
4
4
|
require 'milligram/version'
|
5
5
|
|
6
6
|
Gem::Specification.new do |spec|
|
7
|
-
spec.name =
|
7
|
+
spec.name = 'milligram'
|
8
8
|
spec.version = Milligram::VERSION
|
9
|
-
spec.authors = [
|
10
|
-
spec.email = [
|
9
|
+
spec.authors = ['Zoran']
|
10
|
+
spec.email = ['zspesic@gmail.com']
|
11
11
|
|
12
12
|
spec.summary = %q{A minimalist CSS framework.}
|
13
13
|
spec.description = %q{Milligram framework's assets packaged into a Ruby gem.}
|
14
|
-
spec.homepage =
|
15
|
-
spec.license =
|
14
|
+
spec.homepage = 'https://github.com/zokioki/milligram-rb'
|
15
|
+
spec.license = 'MIT'
|
16
16
|
|
17
17
|
spec.files = `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
|
18
|
-
spec.bindir =
|
18
|
+
spec.bindir = 'exe'
|
19
19
|
spec.executables = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
|
20
|
-
spec.require_paths = [
|
20
|
+
spec.require_paths = ['lib']
|
21
21
|
|
22
|
-
spec.add_development_dependency
|
23
|
-
spec.add_development_dependency
|
24
|
-
spec.add_development_dependency
|
25
|
-
spec.add_development_dependency
|
22
|
+
spec.add_development_dependency 'bundler', '>= 2.0.2'
|
23
|
+
spec.add_development_dependency 'rake', '>= 12.3.3'
|
24
|
+
spec.add_development_dependency 'rspec', '~> 3.0'
|
25
|
+
spec.add_development_dependency 'pry', '~> 0.10.3'
|
26
26
|
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.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Zoran
|
8
8
|
autorequire:
|
9
9
|
bindir: exe
|
10
10
|
cert_chain: []
|
11
|
-
date:
|
11
|
+
date: 2020-11-27 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,7 +68,7 @@ dependencies:
|
|
68
68
|
version: 0.10.3
|
69
69
|
description: Milligram framework's assets packaged into a Ruby gem.
|
70
70
|
email:
|
71
|
-
-
|
71
|
+
- zspesic@gmail.com
|
72
72
|
executables: []
|
73
73
|
extensions: []
|
74
74
|
extra_rdoc_files: []
|
@@ -122,8 +122,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
122
122
|
- !ruby/object:Gem::Version
|
123
123
|
version: '0'
|
124
124
|
requirements: []
|
125
|
-
|
126
|
-
rubygems_version: 2.6.8
|
125
|
+
rubygems_version: 3.0.3
|
127
126
|
signing_key:
|
128
127
|
specification_version: 4
|
129
128
|
summary: A minimalist CSS framework.
|