singularity-golden-grid 1.1
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.
@@ -0,0 +1,152 @@
|
|
1
|
+
%grid-container {
|
2
|
+
margin: 0 $grid-column-size;
|
3
|
+
}
|
4
|
+
|
5
|
+
// Mixins
|
6
|
+
@mixin grid-container {
|
7
|
+
@extend %grid-container;
|
8
|
+
}
|
9
|
+
|
10
|
+
@mixin grid-column($n: 1) {
|
11
|
+
@include float-span($n);
|
12
|
+
}
|
13
|
+
|
14
|
+
// Grids
|
15
|
+
|
16
|
+
/**
|
17
|
+
*
|
18
|
+
* Four-column grid active
|
19
|
+
* ----------------------------------------
|
20
|
+
* Margin | # 1 2 3 4 | Margin
|
21
|
+
* 5.55555% | % 25 50 75 100 | 5.55555%
|
22
|
+
*
|
23
|
+
*/
|
24
|
+
$grids: 4;
|
25
|
+
$gutters: $grid-gutters-width;
|
26
|
+
$gutter-styles: split;
|
27
|
+
|
28
|
+
@include breakpoint(640px) {
|
29
|
+
html {
|
30
|
+
// Zoom baseline grid to 17/16 = 1.0625
|
31
|
+
font-size: (($base-font-size + 1) / $base-font-size) * 1em;
|
32
|
+
}
|
33
|
+
}
|
34
|
+
|
35
|
+
/*
|
36
|
+
*
|
37
|
+
* Eight-column grid active
|
38
|
+
* ----------------------------------------------------------------------
|
39
|
+
* Margin | # 1 2 3 4 5 6 7 8 | Margin
|
40
|
+
* 5.55555% | % 12.5 25.0 37.5 50.0 62.5 75.0 87.5 100 | 5.55555%
|
41
|
+
*
|
42
|
+
*
|
43
|
+
*/
|
44
|
+
$grids: add-grid(8 at 720px);
|
45
|
+
|
46
|
+
@include breakpoint(720px) {
|
47
|
+
html {
|
48
|
+
// Reset baseline grid to 16/16 = 1
|
49
|
+
font-size: 1em;
|
50
|
+
}
|
51
|
+
}
|
52
|
+
|
53
|
+
@include breakpoint(888px) {
|
54
|
+
html {
|
55
|
+
// Zoom baseline grid to 17/16 = 1.0625
|
56
|
+
font-size: (($base-font-size + 1) / $base-font-size) * 1em;
|
57
|
+
}
|
58
|
+
}
|
59
|
+
|
60
|
+
@include breakpoint(984px) {
|
61
|
+
html {
|
62
|
+
// Reset baseline grid to 16/16 = 1.0
|
63
|
+
font-size: 1em;
|
64
|
+
}
|
65
|
+
|
66
|
+
//%grid-container {
|
67
|
+
// margin: 0 $grid-column-size * 3;
|
68
|
+
//}
|
69
|
+
}
|
70
|
+
|
71
|
+
@include breakpoint(1200px) {
|
72
|
+
html {
|
73
|
+
// Zoom baseline grid to 17/16 = 1.0625
|
74
|
+
font-size: (($base-font-size + 1) / $base-font-size) * 1em;
|
75
|
+
}
|
76
|
+
}
|
77
|
+
|
78
|
+
|
79
|
+
@include breakpoint(1392px) {
|
80
|
+
html {
|
81
|
+
// Reset baseline grid to 16/16 = 1.0
|
82
|
+
font-size: 1em;
|
83
|
+
}
|
84
|
+
|
85
|
+
.container {
|
86
|
+
margin: 0 $grid-column-size * 3;
|
87
|
+
}
|
88
|
+
}
|
89
|
+
|
90
|
+
@include breakpoint(1680px) {
|
91
|
+
html {
|
92
|
+
// Zoom baseline grid to 17/16 = 1.0625
|
93
|
+
font-size: (($base-font-size + 1) / $base-font-size) * 1em;
|
94
|
+
}
|
95
|
+
}
|
96
|
+
|
97
|
+
/*
|
98
|
+
*
|
99
|
+
* Sixteen-column grid active
|
100
|
+
* ----------------------------------------------------------------------------------------------------------------------
|
101
|
+
* Margin | # 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | Margin
|
102
|
+
* 5.55555% | % 6.25 12.5 18.75 25.0 31.25 37.5 43.75 50.0 56.25 62.5 68.75 75.0 81.25 87.5 93.75 100 | 5.55555%
|
103
|
+
*
|
104
|
+
*
|
105
|
+
*/
|
106
|
+
$grids: add-grid(16 at 1872px);
|
107
|
+
@include breakpoint(1872px) {
|
108
|
+
%grid-container {
|
109
|
+
margin: 0 $grid-column-size * 3;
|
110
|
+
}
|
111
|
+
}
|
112
|
+
|
113
|
+
@include breakpoint(2080px) {
|
114
|
+
html {
|
115
|
+
// Zoom baseline grid to 18/16 = 1.125
|
116
|
+
font-size: (($base-font-size + 2) / $base-font-size) * 1em;
|
117
|
+
max-width: (2560/$base-font-size) * 1em;
|
118
|
+
}
|
119
|
+
%grid-container {
|
120
|
+
margin: 0 $grid-column-size * 4;
|
121
|
+
}
|
122
|
+
}
|
123
|
+
|
124
|
+
@include breakpoint(2496px) {
|
125
|
+
// Zoom baseline grid to 18/16 = 1.125
|
126
|
+
html {
|
127
|
+
font-size: (($base-font-size + 2) / $base-font-size) * 1em;
|
128
|
+
}
|
129
|
+
}
|
130
|
+
|
131
|
+
@include breakpoint(3216px) {
|
132
|
+
%grid-container {
|
133
|
+
margin: 0 $grid-column-size * 5;
|
134
|
+
}
|
135
|
+
}
|
136
|
+
|
137
|
+
@include breakpoint(4104px) {
|
138
|
+
html {
|
139
|
+
// Zoom baseline grid to 19/16 = 1.1875
|
140
|
+
font-size: (($base-font-size + 3) / $base-font-size) * 1em;
|
141
|
+
}
|
142
|
+
}
|
143
|
+
|
144
|
+
@include breakpoint(4440px) {
|
145
|
+
html {
|
146
|
+
max-width: 5120px;
|
147
|
+
}
|
148
|
+
%grid-container {
|
149
|
+
margin: 0 $grid-column-size * 7;
|
150
|
+
}
|
151
|
+
}
|
152
|
+
|
@@ -0,0 +1,12 @@
|
|
1
|
+
// Typography
|
2
|
+
$base-font-size: 16 !default;
|
3
|
+
$base-line-height: 24 !default;
|
4
|
+
|
5
|
+
// Breakpoint config
|
6
|
+
$breakpoint-to-ems: true !default;
|
7
|
+
|
8
|
+
// Grids
|
9
|
+
$grid-column-num: 18 !default;
|
10
|
+
$grid-column-size: 100% / $grid-column-num !default;
|
11
|
+
$grid-gutters-width: $base-line-height/$base-font-size * 1em !default;
|
12
|
+
|
metadata
ADDED
@@ -0,0 +1,83 @@
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
2
|
+
name: singularity-golden-grid
|
3
|
+
version: !ruby/object:Gem::Version
|
4
|
+
version: '1.1'
|
5
|
+
prerelease:
|
6
|
+
platform: ruby
|
7
|
+
authors:
|
8
|
+
- Dmitry Zelenetskiy
|
9
|
+
autorequire:
|
10
|
+
bindir: bin
|
11
|
+
cert_chain: []
|
12
|
+
date: 2013-09-01 00:00:00.000000000 Z
|
13
|
+
dependencies:
|
14
|
+
- !ruby/object:Gem::Dependency
|
15
|
+
name: sass
|
16
|
+
requirement: !ruby/object:Gem::Requirement
|
17
|
+
none: false
|
18
|
+
requirements:
|
19
|
+
- - ! '>='
|
20
|
+
- !ruby/object:Gem::Version
|
21
|
+
version: 3.2.1
|
22
|
+
type: :runtime
|
23
|
+
prerelease: false
|
24
|
+
version_requirements: !ruby/object:Gem::Requirement
|
25
|
+
none: false
|
26
|
+
requirements:
|
27
|
+
- - ! '>='
|
28
|
+
- !ruby/object:Gem::Version
|
29
|
+
version: 3.2.1
|
30
|
+
- !ruby/object:Gem::Dependency
|
31
|
+
name: singularitygs
|
32
|
+
requirement: !ruby/object:Gem::Requirement
|
33
|
+
none: false
|
34
|
+
requirements:
|
35
|
+
- - ! '>='
|
36
|
+
- !ruby/object:Gem::Version
|
37
|
+
version: 1.1.1
|
38
|
+
type: :runtime
|
39
|
+
prerelease: false
|
40
|
+
version_requirements: !ruby/object:Gem::Requirement
|
41
|
+
none: false
|
42
|
+
requirements:
|
43
|
+
- - ! '>='
|
44
|
+
- !ruby/object:Gem::Version
|
45
|
+
version: 1.1.1
|
46
|
+
description: Singularity golden grid system implementation
|
47
|
+
email:
|
48
|
+
- dmitry.zelenetskiy@gmail.com
|
49
|
+
executables: []
|
50
|
+
extensions: []
|
51
|
+
extra_rdoc_files: []
|
52
|
+
files:
|
53
|
+
- lib/singularity-golden-grid.rb
|
54
|
+
- stylesheets/sggs/normalize.scss
|
55
|
+
- stylesheets/sggs/_grid.scss
|
56
|
+
- stylesheets/sggs/_variables.scss
|
57
|
+
- stylesheets/_singularity-golden-grid.scss
|
58
|
+
homepage: https://github.com/hunterman/singularity-golden-grid
|
59
|
+
licenses:
|
60
|
+
- Apache2
|
61
|
+
post_install_message:
|
62
|
+
rdoc_options: []
|
63
|
+
require_paths:
|
64
|
+
- lib
|
65
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
66
|
+
none: false
|
67
|
+
requirements:
|
68
|
+
- - ! '>='
|
69
|
+
- !ruby/object:Gem::Version
|
70
|
+
version: '0'
|
71
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
72
|
+
none: false
|
73
|
+
requirements:
|
74
|
+
- - ! '>='
|
75
|
+
- !ruby/object:Gem::Version
|
76
|
+
version: 1.3.6
|
77
|
+
requirements: []
|
78
|
+
rubyforge_project: singularity-golden-grid
|
79
|
+
rubygems_version: 1.8.24
|
80
|
+
signing_key:
|
81
|
+
specification_version: 3
|
82
|
+
summary: Singularity golden grid system implementation
|
83
|
+
test_files: []
|