griddyup 0.0.2 → 0.0.3
Sign up to get free protection for your applications and to get access to all the features.
- 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
|