milligram 1.2.0.0 → 1.4.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (23) hide show
  1. checksums.yaml +5 -5
  2. data/LICENSE.txt +1 -1
  3. data/Rakefile +11 -7
  4. data/lib/milligram.rb +4 -2
  5. data/lib/milligram/engine.rb +2 -0
  6. data/lib/milligram/version.rb +3 -1
  7. data/milligram.gemspec +11 -11
  8. data/vendor/assets/stylesheets/milligram/_Base.sass +14 -14
  9. data/vendor/assets/stylesheets/milligram/_Blockquote.sass +6 -6
  10. data/vendor/assets/stylesheets/milligram/_Button.sass +55 -55
  11. data/vendor/assets/stylesheets/milligram/_Code.sass +14 -13
  12. data/vendor/assets/stylesheets/milligram/_Divider.sass +3 -3
  13. data/vendor/assets/stylesheets/milligram/_Form.sass +39 -28
  14. data/vendor/assets/stylesheets/milligram/_Grid.sass +114 -107
  15. data/vendor/assets/stylesheets/milligram/_Image.sass +1 -1
  16. data/vendor/assets/stylesheets/milligram/_Link.sass +5 -5
  17. data/vendor/assets/stylesheets/milligram/_List.sass +10 -10
  18. data/vendor/assets/stylesheets/milligram/_Spacing.sass +3 -3
  19. data/vendor/assets/stylesheets/milligram/_Table.sass +17 -8
  20. data/vendor/assets/stylesheets/milligram/_Typography.sass +24 -41
  21. data/vendor/assets/stylesheets/milligram/_Utility.sass +6 -6
  22. data/vendor/assets/stylesheets/milligram/milligram.sass +16 -16
  23. metadata +12 -13
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
- SHA1:
3
- metadata.gz: 58c649ba0f10514a695b623ebcb898fc7b886742
4
- data.tar.gz: f7a119f4519518d1dab1b2a2f3ffb3bb7fdee703
2
+ SHA256:
3
+ metadata.gz: 842e5031a711892a36e1097d258b63c1593c0a78c2a22f215b31911249bbc160
4
+ data.tar.gz: 07d86fb3bd3cbef219b32fb9f0eef8d4a44c550e2c9b920125cf3f65bea38b03
5
5
  SHA512:
6
- metadata.gz: 8313fc6bb46de3e67b91747863208845c7d7e0f3fddee197d6a69f5a0d3fa7d626fe6abdc8da54b2c73026a2572a9ab228873113fc1e0a5c4d4c7abd6c840ffb
7
- data.tar.gz: e2d09c07bc22afc4848ec7c0a9ea07a1d39c4be575fac3075a8d4fde516b8b6d32523bdd898ae68b4e1bc3feadf3bb25381bda60ad3e8bd476423290fd97a330
6
+ metadata.gz: 4ea04ab932a8f6fd3df183dd12ee47561175334ea6edadfde143e63a3ecee0662bb23c7c279fdae22f9f1b36d3113dd2f5274ffefe3b94e9cad8820dc228b380
7
+ data.tar.gz: 76d0e47a547ab205b9f10479fa1c8e894d83dddeb64f86a80e7b4dccc9dcd0569b274c70c8c94b5b2bfa38f14958a4f95c5e3a6f23c8e9f4695662215592eb78
data/LICENSE.txt CHANGED
@@ -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,26 +1,30 @@
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
11
13
  desc 'Update Milligram\'s assets.'
12
14
  task update: :clean do
13
- version = Milligram::VERSION.sub(/.\d+$/, '')
15
+ version = ARGV[1] || "v#{Milligram::VERSION.sub(/.\d+$/, '')}"
14
16
 
15
17
  sh 'git clone git@github.com:milligram/milligram.git milligram_source'
16
- sh "cd milligram_source && git checkout tags/v#{version}"
18
+ sh "cd milligram_source && git checkout tags/#{version}"
17
19
  sh 'cp -R milligram_source/src/ vendor/assets/stylesheets/milligram/'
18
20
 
19
21
  File.open('vendor/assets/stylesheets/milligram.scss', 'w') do |f|
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.'
data/lib/milligram.rb CHANGED
@@ -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
data/lib/milligram/engine.rb CHANGED
@@ -1,3 +1,5 @@
1
+ # frozen_string_literal: true
2
+
1
3
  module Milligram
2
4
  class Engine < Rails::Engine
3
5
  end
data/lib/milligram/version.rb CHANGED
@@ -1,3 +1,5 @@
1
+ # frozen_string_literal: true
2
+
1
3
  module Milligram
2
- VERSION = "1.2.0.0"
4
+ VERSION = '1.4.1.0'
3
5
  end
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 = "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
data/vendor/assets/stylesheets/milligram/_Base.sass CHANGED
@@ -2,23 +2,23 @@
2
2
  // Base
3
3
  // ––––––––––––––––––––––––––––––––––––––––––––––––––
4
4
 
5
+ // Set box-sizing globally to handle padding and border widths
6
+ *,
7
+ *:after,
8
+ *:before
9
+ box-sizing: inherit
10
+
5
11
  // The base font-size is set at 62.5% for having the convenience
6
12
  // of sizing rems in a way that is similar to using px: 1.6rem = 16px
7
13
  html
8
- box-sizing: border-box
9
- font-size: 62.5%
14
+ box-sizing: border-box
15
+ font-size: 62.5%
10
16
 
11
17
  // Default body styles
12
18
  body
13
- color: $color-secondary
14
- font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif
15
- font-size: 1.6em // Currently ems cause chrome bug misinterpreting rems on body element
16
- font-weight: 300
17
- letter-spacing: .01em
18
- line-height: 1.6
19
-
20
- // Set box-sizing globally to handle padding and border widths
21
- *,
22
- *:after,
23
- *:before
24
- box-sizing: inherit
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
data/vendor/assets/stylesheets/milligram/_Blockquote.sass CHANGED
@@ -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
data/vendor/assets/stylesheets/milligram/_Button.sass CHANGED
@@ -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
data/vendor/assets/stylesheets/milligram/_Code.sass CHANGED
@@ -3,19 +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
14
+ background: $color-tertiary
15
+ border-left: .3rem solid $color-primary
16
+ overflow-y: hidden
16
17
 
17
- & > code
18
- border-radius: 0
19
- display: block
20
- padding: 1rem 1.5rem
21
- white-space: pre
18
+ & > code
19
+ border-radius: 0
20
+ display: block
21
+ padding: 1rem 1.5rem
22
+ white-space: pre
data/vendor/assets/stylesheets/milligram/_Divider.sass CHANGED
@@ -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
data/vendor/assets/stylesheets/milligram/_Form.sass CHANGED
@@ -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
data/vendor/assets/stylesheets/milligram/_Grid.sass CHANGED
@@ -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,142 +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
- flex: 1
53
- margin-left: 0
54
- max-width: 100%
55
- 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%
56
57
 
57
- // Column Offsets
58
- &.column-offset-10
59
- margin-left: 10%
58
+ // Column Offsets
59
+ &.column-offset-10
60
+ margin-left: 10%
60
61
 
61
- &.column-offset-20
62
- margin-left: 20%
62
+ &.column-offset-20
63
+ margin-left: 20%
63
64
 
64
- &.column-offset-25
65
- margin-left: 25%
65
+ &.column-offset-25
66
+ margin-left: 25%
66
67
 
67
- &.column-offset-33,
68
- &.column-offset-34
69
- margin-left: 33.3333%
68
+ &.column-offset-33,
69
+ &.column-offset-34
70
+ margin-left: 33.3333%
70
71
 
71
- &.column-offset-50
72
- margin-left: 50%
72
+ &.column-offset-40
73
+ margin-left: 40%
73
74
 
74
- &.column-offset-66,
75
- &.column-offset-67
76
- margin-left: 66.6666%
75
+ &.column-offset-50
76
+ margin-left: 50%
77
77
 
78
- &.column-offset-75
79
- margin-left: 75%
78
+ &.column-offset-60
79
+ margin-left: 60%
80
80
 
81
- &.column-offset-80
82
- margin-left: 80%
81
+ &.column-offset-66,
82
+ &.column-offset-67
83
+ margin-left: 66.6666%
83
84
 
84
- &.column-offset-90
85
- margin-left: 90%
85
+ &.column-offset-75
86
+ margin-left: 75%
86
87
 
87
- // Explicit Column Percent Sizes
88
- // By default each grid column will evenly distribute
89
- // across the grid. However, you can specify individual
90
- // columns to take up a certain size of the available area
91
- &.column-10
92
- flex: 0 0 10%
93
- max-width: 10%
88
+ &.column-offset-80
89
+ margin-left: 80%
94
90
 
95
- &.column-20
96
- flex: 0 0 20%
97
- max-width: 20%
91
+ &.column-offset-90
92
+ margin-left: 90%
98
93
 
99
- &.column-25
100
- flex: 0 0 25%
101
- 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%
102
101
 
103
- &.column-33,
104
- &.column-34
105
- flex: 0 0 33.3333%
106
- max-width: 33.3333%
102
+ &.column-20
103
+ flex: 0 0 20%
104
+ max-width: 20%
107
105
 
108
- &.column-40
109
- flex: 0 0 40%
110
- max-width: 40%
106
+ &.column-25
107
+ flex: 0 0 25%
108
+ max-width: 25%
111
109
 
112
- &.column-50
113
- flex: 0 0 50%
114
- max-width: 50%
110
+ &.column-33,
111
+ &.column-34
112
+ flex: 0 0 33.3333%
113
+ max-width: 33.3333%
115
114
 
116
- &.column-60
117
- flex: 0 0 60%
118
- max-width: 60%
115
+ &.column-40
116
+ flex: 0 0 40%
117
+ max-width: 40%
119
118
 
120
- &.column-66,
121
- &.column-67
122
- flex: 0 0 66.6666%
123
- max-width: 66.6666%
119
+ &.column-50
120
+ flex: 0 0 50%
121
+ max-width: 50%
124
122
 
125
- &.column-75
126
- flex: 0 0 75%
127
- max-width: 75%
123
+ &.column-60
124
+ flex: 0 0 60%
125
+ max-width: 60%
128
126
 
129
- &.column-80
130
- flex: 0 0 80%
131
- max-width: 80%
127
+ &.column-66,
128
+ &.column-67
129
+ flex: 0 0 66.6666%
130
+ max-width: 66.6666%
132
131
 
133
- &.column-90
134
- flex: 0 0 90%
135
- max-width: 90%
132
+ &.column-75
133
+ flex: 0 0 75%
134
+ max-width: 75%
136
135
 
137
- // .column-* vertically aligns an individual .column
138
- .column-top
139
- align-self: flex-start
136
+ &.column-80
137
+ flex: 0 0 80%
138
+ max-width: 80%
140
139
 
141
- .column-bottom
142
- align-self: flex-end
140
+ &.column-90
141
+ flex: 0 0 90%
142
+ max-width: 90%
143
143
 
144
- .column-center
145
- 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
146
153
 
147
154
  // Larger than mobile screen
148
155
  @media (min-width: 40.0rem) // Safari desktop has a bug using `rem`, but Safari mobile works
149
156
 
150
- .row
151
- flex-direction: row
152
- margin-left: -1.0rem
153
- width: calc(100% + 2.0rem)
157
+ .row
158
+ flex-direction: row
159
+ margin-left: -1.0rem
160
+ width: calc(100% + 2.0rem)
154
161
 
155
- .column
156
- margin-bottom: inherit
157
- padding: 0 1.0rem
162
+ .column
163
+ margin-bottom: inherit
164
+ padding: 0 1.0rem
data/vendor/assets/stylesheets/milligram/_Image.sass CHANGED
@@ -3,4 +3,4 @@
3
3
  // ––––––––––––––––––––––––––––––––––––––––––––––––––
4
4
 
5
5
  img
6
- max-width: 100%
6
+ max-width: 100%
data/vendor/assets/stylesheets/milligram/_Link.sass CHANGED
@@ -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
data/vendor/assets/stylesheets/milligram/_List.sass CHANGED
@@ -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
data/vendor/assets/stylesheets/milligram/_Spacing.sass CHANGED
@@ -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
data/vendor/assets/stylesheets/milligram/_Table.sass CHANGED
@@ -3,16 +3,25 @@
3
3
  // ––––––––––––––––––––––––––––––––––––––––––––––––––
4
4
 
5
5
  table
6
- width: 100%
6
+ border-spacing: 0
7
+ display: block
8
+ overflow-x: auto
9
+ text-align: left
10
+ width: 100%
7
11
 
8
12
  td,
9
13
  th
10
- border-bottom: .1rem solid $color-quinary
11
- padding: 1.2rem 1.5rem
12
- text-align: left
14
+ border-bottom: .1rem solid $color-quinary
15
+ padding: 1.2rem 1.5rem
13
16
 
14
- &:first-child
15
- padding-left: 0
17
+ &:first-child
18
+ padding-left: 0
16
19
 
17
- &:last-child
18
- 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
data/vendor/assets/stylesheets/milligram/_Typography.sass CHANGED
@@ -2,8 +2,12 @@
2
2
  // Typography
3
3
  // ––––––––––––––––––––––––––––––––––––––––––––––––––
4
4
 
5
+ b,
6
+ strong
7
+ font-weight: bold
8
+
5
9
  p
6
- margin-top: 0
10
+ margin-top: 0
7
11
 
8
12
  h1,
9
13
  h2,
@@ -11,55 +15,34 @@ h3,
11
15
  h4,
12
16
  h5,
13
17
  h6
14
- font-weight: 300
15
- letter-spacing: -.1rem
16
- margin-bottom: 2.0rem
17
- margin-top: 0
18
+ font-weight: 300
19
+ letter-spacing: -.1rem
20
+ margin-bottom: 2.0rem
21
+ margin-top: 0
18
22
 
19
23
  h1
20
- font-size: 4.0rem
21
- line-height: 1.2
24
+ font-size: 4.6rem
25
+ line-height: 1.2
22
26
 
23
27
  h2
24
- font-size: 3.6rem
25
- line-height: 1.25
28
+ font-size: 3.6rem
29
+ line-height: 1.25
26
30
 
27
31
  h3
28
- font-size: 3.0rem
29
- line-height: 1.3
32
+ font-size: 2.8rem
33
+ line-height: 1.3
30
34
 
31
35
  h4
32
- font-size: 2.4rem
33
- letter-spacing: -.08rem
34
- line-height: 1.35
36
+ font-size: 2.2rem
37
+ letter-spacing: -.08rem
38
+ line-height: 1.35
35
39
 
36
40
  h5
37
- font-size: 1.8rem
38
- letter-spacing: -.05rem
39
- line-height: 1.5
41
+ font-size: 1.8rem
42
+ letter-spacing: -.05rem
43
+ line-height: 1.5
40
44
 
41
45
  h6
42
- font-size: 1.6rem
43
- letter-spacing: 0
44
- line-height: 1.4
45
-
46
- // Larger than mobile screen
47
- @media (min-width: 40.0rem) // Safari desktop has a bug using `rem`, but Safari mobile works
48
-
49
- h1
50
- font-size: 5.0rem
51
-
52
- h2
53
- font-size: 4.2rem
54
-
55
- h3
56
- font-size: 3.6rem
57
-
58
- h4
59
- font-size: 3.0rem
60
-
61
- h5
62
- font-size: 2.4rem
63
-
64
- h6
65
- font-size: 1.5rem
46
+ font-size: 1.6rem
47
+ letter-spacing: 0
48
+ line-height: 1.4
data/vendor/assets/stylesheets/milligram/_Utility.sass CHANGED
@@ -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
data/vendor/assets/stylesheets/milligram/milligram.sass CHANGED
@@ -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.2.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: 2016-11-17 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.5.1
125
+ rubygems_version: 3.0.3
127
126
  signing_key:
128
127
  specification_version: 4
129
128
  summary: A minimalist CSS framework.