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,9 @@
1
+ require 'singularitygs'
2
+
3
+ extension_path = File.expand_path(File.join(File.dirname(__FILE__), ".."))
4
+ Compass::Frameworks.register('sggs', :path => extension_path)
5
+
6
+ module GoldenGrid
7
+ VERSION = "1.1"
8
+ DATE = "2013-09-01"
9
+ end
@@ -0,0 +1,4 @@
1
+ @import 'sggs/variables';
2
+ @import 'sggs/normalize';
3
+ @import 'sggs/grid';
4
+
@@ -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
+
@@ -0,0 +1,7 @@
1
+ *, *:before, *:after {
2
+ @include box-sizing(border-box);
3
+ }
4
+ html {
5
+ font-size: $base-font-size / 16 * 1em;
6
+ line-height: #{$base-line-height / $base-font-size}em;
7
+ }
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: []