griddyup 0.0.2 → 0.0.3
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 +4 -4
- data/MIT-LICENSE +0 -0
- data/README.md +0 -0
- data/Rakefile +0 -0
- data/app/assets/javascripts/griddyup.js +0 -0
- data/app/assets/stylesheets/griddyup.scss +358 -314
- data/app/assets/stylesheets/normalize/_normalize.scss +647 -647
- data/app/assets/stylesheets/normalize/_variables.scss +36 -36
- data/app/assets/stylesheets/normalize/_vertical-rhythm.scss +61 -61
- data/lib/griddyup/engine.rb +0 -0
- data/lib/griddyup/version.rb +1 -1
- data/lib/griddyup.rb +0 -0
- data/lib/tasks/griddyup_tasks.rake +0 -0
- metadata +3 -3
@@ -1,36 +1,36 @@
|
|
1
|
-
//
|
2
|
-
// Variables
|
3
|
-
//
|
4
|
-
// If you have an initialization partial (or equivalent), you should move these
|
5
|
-
// lines to that file. NOTE: Edit the lines to remove "!default".
|
6
|
-
|
7
|
-
// The font size set on the root html element.
|
8
|
-
$base-font-size: 16px !default;
|
9
|
-
|
10
|
-
// The base line height determines the basic unit of vertical rhythm.
|
11
|
-
$base-line-height: 24px !default;
|
12
|
-
|
13
|
-
// The length unit in which to output vertical rhythm values.
|
14
|
-
// Supported values: px, em, rem.
|
15
|
-
$base-unit: 'em' !default;
|
16
|
-
|
17
|
-
// The default font family.
|
18
|
-
$base-font-family: null !default;
|
19
|
-
|
20
|
-
// The font sizes for h1-h6.
|
21
|
-
$h1-font-size: 2 * $base-font-size !default;
|
22
|
-
$h2-font-size: 1.5 * $base-font-size !default;
|
23
|
-
$h3-font-size: 1.17 * $base-font-size !default;
|
24
|
-
$h4-font-size: 1 * $base-font-size !default;
|
25
|
-
$h5-font-size: 0.83 * $base-font-size !default;
|
26
|
-
$h6-font-size: 0.67 * $base-font-size !default;
|
27
|
-
|
28
|
-
// The amount lists and blockquotes are indented.
|
29
|
-
$indent-amount: 40px !default;
|
30
|
-
|
31
|
-
// The following variable controls whether normalize-scss will output
|
32
|
-
// font-sizes, line-heights and block-level top/bottom margins that form a basic
|
33
|
-
// vertical rhythm on the page, which differs from the original Normalize.css.
|
34
|
-
// However, changing any of the variables above will cause
|
35
|
-
// $normalize-vertical-rhythm to be automatically set to true.
|
36
|
-
$normalize-vertical-rhythm: false !default;
|
1
|
+
//
|
2
|
+
// Variables
|
3
|
+
//
|
4
|
+
// If you have an initialization partial (or equivalent), you should move these
|
5
|
+
// lines to that file. NOTE: Edit the lines to remove "!default".
|
6
|
+
|
7
|
+
// The font size set on the root html element.
|
8
|
+
$base-font-size: 16px !default;
|
9
|
+
|
10
|
+
// The base line height determines the basic unit of vertical rhythm.
|
11
|
+
$base-line-height: 24px !default;
|
12
|
+
|
13
|
+
// The length unit in which to output vertical rhythm values.
|
14
|
+
// Supported values: px, em, rem.
|
15
|
+
$base-unit: 'em' !default;
|
16
|
+
|
17
|
+
// The default font family.
|
18
|
+
$base-font-family: null !default;
|
19
|
+
|
20
|
+
// The font sizes for h1-h6.
|
21
|
+
$h1-font-size: 2 * $base-font-size !default;
|
22
|
+
$h2-font-size: 1.5 * $base-font-size !default;
|
23
|
+
$h3-font-size: 1.17 * $base-font-size !default;
|
24
|
+
$h4-font-size: 1 * $base-font-size !default;
|
25
|
+
$h5-font-size: 0.83 * $base-font-size !default;
|
26
|
+
$h6-font-size: 0.67 * $base-font-size !default;
|
27
|
+
|
28
|
+
// The amount lists and blockquotes are indented.
|
29
|
+
$indent-amount: 40px !default;
|
30
|
+
|
31
|
+
// The following variable controls whether normalize-scss will output
|
32
|
+
// font-sizes, line-heights and block-level top/bottom margins that form a basic
|
33
|
+
// vertical rhythm on the page, which differs from the original Normalize.css.
|
34
|
+
// However, changing any of the variables above will cause
|
35
|
+
// $normalize-vertical-rhythm to be automatically set to true.
|
36
|
+
$normalize-vertical-rhythm: false !default;
|
@@ -1,61 +1,61 @@
|
|
1
|
-
//
|
2
|
-
// Vertical Rhythm
|
3
|
-
//
|
4
|
-
// This is the minimal amount of code needed to create vertical rhythm in our
|
5
|
-
// CSS. If you are looking for a robust solution, look at the excellent Typey
|
6
|
-
// library. @see https://github.com/jptaranto/typey
|
7
|
-
|
8
|
-
@function normalize-rhythm($value, $relative-to: $base-font-size, $unit: $base-unit) {
|
9
|
-
@if unit($value) != px {
|
10
|
-
@error "The normalize vertical-rhythm module only supports px inputs. The typey library is better.";
|
11
|
-
}
|
12
|
-
@if $unit == rem {
|
13
|
-
@return ($value / $base-font-size) * 1rem;
|
14
|
-
}
|
15
|
-
@else if $unit == em {
|
16
|
-
@return ($value / $relative-to) * 1em;
|
17
|
-
}
|
18
|
-
@else { // $unit == px
|
19
|
-
@return $value;
|
20
|
-
}
|
21
|
-
}
|
22
|
-
|
23
|
-
@mixin normalize-font-size($value, $relative-to: $base-font-size) {
|
24
|
-
@if unit($value) != 'px' {
|
25
|
-
@error "normalize-font-size() only supports px inputs. The typey library is better.";
|
26
|
-
}
|
27
|
-
font-size: normalize-rhythm($value, $relative-to);
|
28
|
-
}
|
29
|
-
|
30
|
-
@mixin normalize-rhythm($property, $values, $relative-to: $base-font-size) {
|
31
|
-
$value-list: $values;
|
32
|
-
$sep: space;
|
33
|
-
@if type-of($values) == 'list' {
|
34
|
-
$sep: list-separator($values);
|
35
|
-
}
|
36
|
-
@else {
|
37
|
-
$value-list: append((), $values);
|
38
|
-
}
|
39
|
-
|
40
|
-
$normalized-values: ();
|
41
|
-
@each $value in $value-list {
|
42
|
-
@if unitless($value) and $value != 0 {
|
43
|
-
$value: $value * normalize-rhythm($base-line-height, $relative-to);
|
44
|
-
}
|
45
|
-
$normalized-values: append($normalized-values, $value, $sep);
|
46
|
-
}
|
47
|
-
#{$property}: $normalized-values;
|
48
|
-
}
|
49
|
-
|
50
|
-
@mixin normalize-margin($values, $relative-to: $base-font-size) {
|
51
|
-
@include normalize-rhythm(margin, $values, $relative-to);
|
52
|
-
}
|
53
|
-
|
54
|
-
@mixin normalize-line-height($font-size, $min-line-padding: 2px) {
|
55
|
-
$lines: ceil($font-size / $base-line-height);
|
56
|
-
// If lines are cramped include some extra leading.
|
57
|
-
@if ($lines * $base-line-height - $font-size) < ($min-line-padding * 2) {
|
58
|
-
$lines: $lines + 1;
|
59
|
-
}
|
60
|
-
@include normalize-rhythm(line-height, $lines, $font-size);
|
61
|
-
}
|
1
|
+
//
|
2
|
+
// Vertical Rhythm
|
3
|
+
//
|
4
|
+
// This is the minimal amount of code needed to create vertical rhythm in our
|
5
|
+
// CSS. If you are looking for a robust solution, look at the excellent Typey
|
6
|
+
// library. @see https://github.com/jptaranto/typey
|
7
|
+
|
8
|
+
@function normalize-rhythm($value, $relative-to: $base-font-size, $unit: $base-unit) {
|
9
|
+
@if unit($value) != px {
|
10
|
+
@error "The normalize vertical-rhythm module only supports px inputs. The typey library is better.";
|
11
|
+
}
|
12
|
+
@if $unit == rem {
|
13
|
+
@return ($value / $base-font-size) * 1rem;
|
14
|
+
}
|
15
|
+
@else if $unit == em {
|
16
|
+
@return ($value / $relative-to) * 1em;
|
17
|
+
}
|
18
|
+
@else { // $unit == px
|
19
|
+
@return $value;
|
20
|
+
}
|
21
|
+
}
|
22
|
+
|
23
|
+
@mixin normalize-font-size($value, $relative-to: $base-font-size) {
|
24
|
+
@if unit($value) != 'px' {
|
25
|
+
@error "normalize-font-size() only supports px inputs. The typey library is better.";
|
26
|
+
}
|
27
|
+
font-size: normalize-rhythm($value, $relative-to);
|
28
|
+
}
|
29
|
+
|
30
|
+
@mixin normalize-rhythm($property, $values, $relative-to: $base-font-size) {
|
31
|
+
$value-list: $values;
|
32
|
+
$sep: space;
|
33
|
+
@if type-of($values) == 'list' {
|
34
|
+
$sep: list-separator($values);
|
35
|
+
}
|
36
|
+
@else {
|
37
|
+
$value-list: append((), $values);
|
38
|
+
}
|
39
|
+
|
40
|
+
$normalized-values: ();
|
41
|
+
@each $value in $value-list {
|
42
|
+
@if unitless($value) and $value != 0 {
|
43
|
+
$value: $value * normalize-rhythm($base-line-height, $relative-to);
|
44
|
+
}
|
45
|
+
$normalized-values: append($normalized-values, $value, $sep);
|
46
|
+
}
|
47
|
+
#{$property}: $normalized-values;
|
48
|
+
}
|
49
|
+
|
50
|
+
@mixin normalize-margin($values, $relative-to: $base-font-size) {
|
51
|
+
@include normalize-rhythm(margin, $values, $relative-to);
|
52
|
+
}
|
53
|
+
|
54
|
+
@mixin normalize-line-height($font-size, $min-line-padding: 2px) {
|
55
|
+
$lines: ceil($font-size / $base-line-height);
|
56
|
+
// If lines are cramped include some extra leading.
|
57
|
+
@if ($lines * $base-line-height - $font-size) < ($min-line-padding * 2) {
|
58
|
+
$lines: $lines + 1;
|
59
|
+
}
|
60
|
+
@include normalize-rhythm(line-height, $lines, $font-size);
|
61
|
+
}
|
data/lib/griddyup/engine.rb
CHANGED
File without changes
|
data/lib/griddyup/version.rb
CHANGED
data/lib/griddyup.rb
CHANGED
File without changes
|
File without changes
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: griddyup
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.0.
|
4
|
+
version: 0.0.3
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- hawry
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2017-08-
|
11
|
+
date: 2017-08-14 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: rails
|
@@ -91,7 +91,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
91
91
|
version: '0'
|
92
92
|
requirements: []
|
93
93
|
rubyforge_project:
|
94
|
-
rubygems_version: 2.6.
|
94
|
+
rubygems_version: 2.6.10
|
95
95
|
signing_key:
|
96
96
|
specification_version: 4
|
97
97
|
summary: Griddyup is a CSS-Grid tool
|