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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
- SHA1:
3
- metadata.gz: e4e33f83791711eba07af068d257ccbbbf35c032
4
- data.tar.gz: 6882dd14c9aaa378f3cc020614d9d8ee1c56c5a3
2
+ SHA256:
3
+ metadata.gz: 842e5031a711892a36e1097d258b63c1593c0a78c2a22f215b31911249bbc160
4
+ data.tar.gz: 07d86fb3bd3cbef219b32fb9f0eef8d4a44c550e2c9b920125cf3f65bea38b03
5
5
  SHA512:
6
- metadata.gz: 4c27ff17c2ae813c51901e3f16c44b3ffd0416bde0a3095c06ad658c149a9e509943a4e2a90f742fc1d6994ae238e2cd2eb24415ace3ef50cdce14b6f90859d6
7
- data.tar.gz: 84d6bd443ddcfb027cda97a69e5fc597e3148d488c724d40b2ea77dc1556bb872dfe1782cf5103ae61498205c0482a1cb68b143477984666874311e65377e236
6
+ metadata.gz: 4ea04ab932a8f6fd3df183dd12ee47561175334ea6edadfde143e63a3ecee0662bb23c7c279fdae22f9f1b36d3113dd2f5274ffefe3b94e9cad8820dc228b380
7
+ data.tar.gz: 76d0e47a547ab205b9f10479fa1c8e894d83dddeb64f86a80e7b4dccc9dcd0569b274c70c8c94b5b2bfa38f14958a4f95c5e3a6f23c8e9f4695662215592eb78
@@ -1,6 +1,6 @@
1
1
  The MIT License (MIT)
2
2
 
3
- Copyright (c) 2016 Zoran
3
+ Copyright (c) 2020 Zoran
4
4
 
5
5
  Permission is hereby granted, free of charge, to any person obtaining a copy
6
6
  of this software and associated documentation files (the "Software"), to deal
data/Rakefile CHANGED
@@ -1,10 +1,12 @@
1
- require "bundler/gem_tasks"
2
- require "rspec/core/rake_task"
3
- require "milligram/version"
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 :default => :spec
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=*=*=*=*=*=*=*=*=*=*\n=* ASSETS UPDATED! *=\n=*=*=*=*=*=*=*=*=*=*\n"
25
+ puts "\n================================"
26
+ puts "* ASSETS UPDATED to #{version}! 🔧 *"
27
+ puts "================================"
24
28
  end
25
29
 
26
30
  desc 'Remove previous Milligram assets.'
@@ -1,5 +1,7 @@
1
- require "milligram/version"
2
- require "milligram/engine" if (defined?(Rails) && defined?(Rails::Engine))
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
@@ -1,3 +1,5 @@
1
+ # frozen_string_literal: true
2
+
1
3
  module Milligram
2
4
  class Engine < Rails::Engine
3
5
  end
@@ -1,3 +1,5 @@
1
+ # frozen_string_literal: true
2
+
1
3
  module Milligram
2
- VERSION = "1.3.0.0"
4
+ VERSION = '1.4.1.0'
3
5
  end
@@ -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 = "milligram"
7
+ spec.name = 'milligram'
8
8
  spec.version = Milligram::VERSION
9
- spec.authors = ["Zoran"]
10
- spec.email = ["zoran1991@gmail.com"]
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 = "https://github.com/zokioki/milligram-rb"
15
- spec.license = "MIT"
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 = "exe"
18
+ spec.bindir = 'exe'
19
19
  spec.executables = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
20
- spec.require_paths = ["lib"]
20
+ spec.require_paths = ['lib']
21
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"
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
- box-sizing: inherit
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
- box-sizing: border-box
15
- font-size: 62.5%
14
+ box-sizing: border-box
15
+ font-size: 62.5%
16
16
 
17
17
  // Default body styles
18
18
  body
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
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
- border-left: .3rem solid $color-quaternary
7
- margin-left: 0
8
- margin-right: 0
9
- padding: 1rem 1.5rem
6
+ border-left: .3rem solid $color-quaternary
7
+ margin-left: 0
8
+ margin-right: 0
9
+ padding: 1rem 1.5rem
10
10
 
11
- *:last-child
12
- margin-bottom: 0
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
- 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
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
- &:focus,
28
- &:hover
29
- background-color: $color-secondary
30
- border-color: $color-secondary
31
- color: $color-initial
32
- outline: 0
27
+ &:focus,
28
+ &:hover
29
+ background-color: $color-secondary
30
+ border-color: $color-secondary
31
+ color: $color-initial
32
+ outline: 0
33
33
 
34
- &[disabled]
35
- cursor: default
36
- opacity: .5
34
+ &[disabled]
35
+ cursor: default
36
+ opacity: .5
37
37
 
38
- &:focus,
39
- &:hover
40
- background-color: $color-primary
41
- border-color: $color-primary
38
+ &:focus,
39
+ &:hover
40
+ background-color: $color-primary
41
+ border-color: $color-primary
42
42
 
43
- &.button-outline
44
- background-color: transparent
45
- color: $color-primary
43
+ &.button-outline
44
+ background-color: transparent
45
+ color: $color-primary
46
46
 
47
- &:focus,
48
- &:hover
49
- background-color: transparent
50
- border-color: $color-secondary
51
- color: $color-secondary
47
+ &:focus,
48
+ &:hover
49
+ background-color: transparent
50
+ border-color: $color-secondary
51
+ color: $color-secondary
52
52
 
53
- &[disabled]
53
+ &[disabled]
54
54
 
55
- &:focus,
56
- &:hover
57
- border-color: inherit
58
- color: $color-primary
55
+ &:focus,
56
+ &:hover
57
+ border-color: inherit
58
+ color: $color-primary
59
59
 
60
- &.button-clear
61
- background-color: transparent
62
- border-color: transparent
63
- color: $color-primary
60
+ &.button-clear
61
+ background-color: transparent
62
+ border-color: transparent
63
+ color: $color-primary
64
64
 
65
- &:focus,
66
- &:hover
67
- background-color: transparent
68
- border-color: transparent
69
- color: $color-secondary
65
+ &:focus,
66
+ &:hover
67
+ background-color: transparent
68
+ border-color: transparent
69
+ color: $color-secondary
70
70
 
71
- &[disabled]
71
+ &[disabled]
72
72
 
73
- &:focus,
74
- &:hover
75
- color: $color-primary
73
+ &:focus,
74
+ &:hover
75
+ color: $color-primary
@@ -3,20 +3,20 @@
3
3
  // ––––––––––––––––––––––––––––––––––––––––––––––––––
4
4
 
5
5
  code
6
- background: $color-tertiary
7
- border-radius: .4rem
8
- font-size: 86%
9
- margin: 0 .2rem
10
- padding: .2rem .5rem
11
- white-space: nowrap
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
- background: $color-tertiary
15
- border-left: .3rem solid $color-primary
16
- overflow-y: hidden
14
+ background: $color-tertiary
15
+ border-left: .3rem solid $color-primary
16
+ overflow-y: hidden
17
17
 
18
- & > code
19
- border-radius: 0
20
- display: block
21
- padding: 1rem 1.5rem
22
- white-space: pre
18
+ & > code
19
+ border-radius: 0
20
+ display: block
21
+ padding: 1rem 1.5rem
22
+ white-space: pre
@@ -3,6 +3,6 @@
3
3
  // ––––––––––––––––––––––––––––––––––––––––––––––––––
4
4
 
5
5
  hr
6
- border: 0
7
- border-top: .1rem solid $color-tertiary
8
- margin: 3.0rem 0
6
+ border: 0
7
+ border-top: .1rem solid $color-tertiary
8
+ margin: 3.0rem 0
@@ -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
- appearance: none // Removes awkward default styles on some inputs for iOS
15
- background-color: transparent
16
- border: .1rem solid $color-quaternary
17
- border-radius: .4rem
18
- box-shadow: none
19
- box-sizing: inherit // Forced to replace inherit values of the normalize.css
20
- height: 3.8rem
21
- padding: .6rem 1.0rem // The .6rem vertically centers text on FF, ignored by Webkit
22
- width: 100%
23
-
24
- &:focus
25
- border-color: $color-primary
26
- outline: 0
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
- 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
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
- &:focus
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>')
42
+ &[multiple]
43
+ background: none
44
+ height: auto
34
45
 
35
46
  textarea
36
- min-height: 6.5rem
47
+ min-height: 6.5rem
37
48
 
38
49
  label,
39
50
  legend
40
- display: block
41
- font-size: 1.6rem
42
- font-weight: 700
43
- margin-bottom: .5rem
51
+ display: block
52
+ font-size: 1.6rem
53
+ font-weight: 700
54
+ margin-bottom: .5rem
44
55
 
45
56
  fieldset
46
- border-width: 0
47
- padding: 0
57
+ border-width: 0
58
+ padding: 0
48
59
 
49
60
  input[type='checkbox'],
50
61
  input[type='radio']
51
- display: inline
62
+ display: inline
52
63
 
53
64
  .label-inline
54
- display: inline-block
55
- font-weight: normal
56
- margin-left: .5rem
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
- margin: 0 auto
8
- max-width: 112.0rem
9
- padding: 0 2.0rem
10
- position: relative
11
- width: 100%
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
- display: flex
20
- flex-direction: column
21
- padding: 0
22
- width: 100%
19
+ display: flex
20
+ flex-direction: column
21
+ padding: 0
22
+ width: 100%
23
23
 
24
- &.row-no-padding
25
- padding: 0
24
+ &.row-no-padding
25
+ padding: 0
26
26
 
27
- &> .column
28
- padding: 0
27
+ &> .column
28
+ padding: 0
29
29
 
30
- &.row-wrap
31
- flex-wrap: wrap
30
+ &.row-wrap
31
+ flex-wrap: wrap
32
32
 
33
- // Vertically Align Columns
34
- // .row-* vertically aligns every .col in the .row
35
- &.row-top
36
- align-items: flex-start
33
+ // Vertically Align Columns
34
+ // .row-* vertically aligns every .col in the .row
35
+ &.row-top
36
+ align-items: flex-start
37
37
 
38
- &.row-bottom
39
- align-items: flex-end
38
+ &.row-bottom
39
+ align-items: flex-end
40
40
 
41
- &.row-center
42
- align-items: center
41
+ &.row-center
42
+ align-items: center
43
43
 
44
- &.row-stretch
45
- align-items: stretch
44
+ &.row-stretch
45
+ align-items: stretch
46
46
 
47
- &.row-baseline
48
- align-items: baseline
47
+ &.row-baseline
48
+ align-items: baseline
49
49
 
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%
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
- // Column Offsets
59
- &.column-offset-10
60
- margin-left: 10%
58
+ // Column Offsets
59
+ &.column-offset-10
60
+ margin-left: 10%
61
61
 
62
- &.column-offset-20
63
- margin-left: 20%
62
+ &.column-offset-20
63
+ margin-left: 20%
64
64
 
65
- &.column-offset-25
66
- margin-left: 25%
65
+ &.column-offset-25
66
+ margin-left: 25%
67
67
 
68
- &.column-offset-33,
69
- &.column-offset-34
70
- margin-left: 33.3333%
68
+ &.column-offset-33,
69
+ &.column-offset-34
70
+ margin-left: 33.3333%
71
71
 
72
- &.column-offset-50
73
- margin-left: 50%
72
+ &.column-offset-40
73
+ margin-left: 40%
74
74
 
75
- &.column-offset-66,
76
- &.column-offset-67
77
- margin-left: 66.6666%
75
+ &.column-offset-50
76
+ margin-left: 50%
78
77
 
79
- &.column-offset-75
80
- margin-left: 75%
78
+ &.column-offset-60
79
+ margin-left: 60%
81
80
 
82
- &.column-offset-80
83
- margin-left: 80%
81
+ &.column-offset-66,
82
+ &.column-offset-67
83
+ margin-left: 66.6666%
84
84
 
85
- &.column-offset-90
86
- margin-left: 90%
85
+ &.column-offset-75
86
+ margin-left: 75%
87
87
 
88
- // Explicit Column Percent Sizes
89
- // By default each grid column will evenly distribute
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
- &.column-20
97
- flex: 0 0 20%
98
- max-width: 20%
91
+ &.column-offset-90
92
+ margin-left: 90%
99
93
 
100
- &.column-25
101
- flex: 0 0 25%
102
- max-width: 25%
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
- &.column-33,
105
- &.column-34
106
- flex: 0 0 33.3333%
107
- max-width: 33.3333%
102
+ &.column-20
103
+ flex: 0 0 20%
104
+ max-width: 20%
108
105
 
109
- &.column-40
110
- flex: 0 0 40%
111
- max-width: 40%
106
+ &.column-25
107
+ flex: 0 0 25%
108
+ max-width: 25%
112
109
 
113
- &.column-50
114
- flex: 0 0 50%
115
- max-width: 50%
110
+ &.column-33,
111
+ &.column-34
112
+ flex: 0 0 33.3333%
113
+ max-width: 33.3333%
116
114
 
117
- &.column-60
118
- flex: 0 0 60%
119
- max-width: 60%
115
+ &.column-40
116
+ flex: 0 0 40%
117
+ max-width: 40%
120
118
 
121
- &.column-66,
122
- &.column-67
123
- flex: 0 0 66.6666%
124
- max-width: 66.6666%
119
+ &.column-50
120
+ flex: 0 0 50%
121
+ max-width: 50%
125
122
 
126
- &.column-75
127
- flex: 0 0 75%
128
- max-width: 75%
123
+ &.column-60
124
+ flex: 0 0 60%
125
+ max-width: 60%
129
126
 
130
- &.column-80
131
- flex: 0 0 80%
132
- max-width: 80%
127
+ &.column-66,
128
+ &.column-67
129
+ flex: 0 0 66.6666%
130
+ max-width: 66.6666%
133
131
 
134
- &.column-90
135
- flex: 0 0 90%
136
- max-width: 90%
132
+ &.column-75
133
+ flex: 0 0 75%
134
+ max-width: 75%
137
135
 
138
- // .column-* vertically aligns an individual .column
139
- .column-top
140
- align-self: flex-start
136
+ &.column-80
137
+ flex: 0 0 80%
138
+ max-width: 80%
141
139
 
142
- .column-bottom
143
- align-self: flex-end
140
+ &.column-90
141
+ flex: 0 0 90%
142
+ max-width: 90%
144
143
 
145
- .column-center
146
- align-self: center
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
- .row
152
- flex-direction: row
153
- margin-left: -1.0rem
154
- width: calc(100% + 2.0rem)
157
+ .row
158
+ flex-direction: row
159
+ margin-left: -1.0rem
160
+ width: calc(100% + 2.0rem)
155
161
 
156
- .column
157
- margin-bottom: inherit
158
- padding: 0 1.0rem
162
+ .column
163
+ margin-bottom: inherit
164
+ padding: 0 1.0rem
@@ -3,4 +3,4 @@
3
3
  // ––––––––––––––––––––––––––––––––––––––––––––––––––
4
4
 
5
5
  img
6
- max-width: 100%
6
+ max-width: 100%
@@ -3,9 +3,9 @@
3
3
  // ––––––––––––––––––––––––––––––––––––––––––––––––––
4
4
 
5
5
  a
6
- color: $color-primary
7
- text-decoration: none
6
+ color: $color-primary
7
+ text-decoration: none
8
8
 
9
- &:focus,
10
- &:hover
11
- color: $color-secondary
9
+ &:focus,
10
+ &:hover
11
+ color: $color-secondary
@@ -5,18 +5,18 @@
5
5
  dl,
6
6
  ol,
7
7
  ul
8
- list-style: none
9
- margin-top: 0
10
- padding-left: 0
8
+ list-style: none
9
+ margin-top: 0
10
+ padding-left: 0
11
11
 
12
- dl,
13
- ol,
14
- ul
15
- font-size: 90%
16
- margin: 1.5rem 0 1.5rem 3.0rem
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
- list-style: decimal inside
19
+ list-style: decimal inside
20
20
 
21
21
  ul
22
- list-style: circle inside
22
+ list-style: circle inside
@@ -7,13 +7,13 @@ button,
7
7
  dd,
8
8
  dt,
9
9
  li
10
- margin-bottom: 1.0rem
10
+ margin-bottom: 1.0rem
11
11
 
12
12
  fieldset,
13
13
  input,
14
14
  select,
15
15
  textarea
16
- margin-bottom: 1.5rem
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
- margin-bottom: 2.5rem
27
+ margin-bottom: 2.5rem
@@ -3,17 +3,25 @@
3
3
  // ––––––––––––––––––––––––––––––––––––––––––––––––––
4
4
 
5
5
  table
6
- border-spacing: 0
7
- width: 100%
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
- border-bottom: .1rem solid $color-quinary
12
- padding: 1.2rem 1.5rem
13
- text-align: left
14
+ border-bottom: .1rem solid $color-quinary
15
+ padding: 1.2rem 1.5rem
14
16
 
15
- &:first-child
16
- padding-left: 0
17
+ &:first-child
18
+ padding-left: 0
17
19
 
18
- &:last-child
19
- padding-right: 0
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
- font-weight: bold
7
+ font-weight: bold
8
8
 
9
9
  p
10
- margin-top: 0
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
- font-weight: 300
19
- letter-spacing: -.1rem
20
- margin-bottom: 2.0rem
21
- margin-top: 0
18
+ font-weight: 300
19
+ letter-spacing: -.1rem
20
+ margin-bottom: 2.0rem
21
+ margin-top: 0
22
22
 
23
23
  h1
24
- font-size: 4.6rem
25
- line-height: 1.2
24
+ font-size: 4.6rem
25
+ line-height: 1.2
26
26
 
27
27
  h2
28
- font-size: 3.6rem
29
- line-height: 1.25
28
+ font-size: 3.6rem
29
+ line-height: 1.25
30
30
 
31
31
  h3
32
- font-size: 2.8rem
33
- line-height: 1.3
32
+ font-size: 2.8rem
33
+ line-height: 1.3
34
34
 
35
35
  h4
36
- font-size: 2.2rem
37
- letter-spacing: -.08rem
38
- line-height: 1.35
36
+ font-size: 2.2rem
37
+ letter-spacing: -.08rem
38
+ line-height: 1.35
39
39
 
40
40
  h5
41
- font-size: 1.8rem
42
- letter-spacing: -.05rem
43
- line-height: 1.5
41
+ font-size: 1.8rem
42
+ letter-spacing: -.05rem
43
+ line-height: 1.5
44
44
 
45
45
  h6
46
- font-size: 1.6rem
47
- letter-spacing: 0
48
- line-height: 1.4
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
- &:after
9
- clear: both
10
- content: ' ' // The space content is one way to avoid an Opera bug.
11
- display: table
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
- float: left
15
+ float: left
16
16
 
17
17
  .float-right
18
- float: right
18
+ float: right
@@ -1,19 +1,19 @@
1
1
 
2
- // Sass Modules
2
+ // Modules
3
3
  // ––––––––––––––––––––––––––––––––––––––––––––––––––
4
4
 
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
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.3.0.0
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: 2017-02-05 00:00:00.000000000 Z
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: '1.11'
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: '1.11'
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: '10.0'
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: '10.0'
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
- - zoran1991@gmail.com
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
- rubyforge_project:
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.