susy 1.0.9 → 2.0.0.alpha.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (195) hide show
  1. data/CHANGELOG.mkdn +0 -27
  2. data/README.md +4 -87
  3. data/docs/BUGS.md +2 -0
  4. data/docs/Gemfile.lock +142 -0
  5. data/docs/README.md +54 -0
  6. data/docs/config.rb +120 -0
  7. data/docs/lib/guide_helpers.rb +19 -0
  8. data/docs/source/apple-touch-icon-114x114-precomposed.png +0 -0
  9. data/docs/source/apple-touch-icon-144x144-precomposed.png +0 -0
  10. data/docs/source/apple-touch-icon-72x72-precomposed.png +0 -0
  11. data/docs/source/apple-touch-icon-precomposed.png +0 -0
  12. data/docs/source/demos/grid-types.html.md +263 -0
  13. data/docs/source/demos/index.html.md +23 -0
  14. data/docs/source/demos/magic.html.md +320 -0
  15. data/docs/source/favicon.ico +0 -0
  16. data/docs/source/fonts/@Font-Face License.txt +18 -0
  17. data/docs/source/fonts/Baskerville-amp-webfont.eot +0 -0
  18. data/docs/source/fonts/Baskerville-amp-webfont.svg +241 -0
  19. data/docs/source/fonts/Baskerville-amp-webfont.ttf +0 -0
  20. data/docs/source/fonts/Baskerville-amp-webfont.woff +0 -0
  21. data/docs/source/fonts/CenturyOldStyle-Bold-webfont.eot +0 -0
  22. data/docs/source/fonts/CenturyOldStyle-Bold-webfont.svg +240 -0
  23. data/docs/source/fonts/CenturyOldStyle-Bold-webfont.ttf +0 -0
  24. data/docs/source/fonts/CenturyOldStyle-Bold-webfont.woff +0 -0
  25. data/docs/source/fonts/CenturyOldStyle-Italic-webfont.eot +0 -0
  26. data/docs/source/fonts/CenturyOldStyle-Italic-webfont.svg +240 -0
  27. data/docs/source/fonts/CenturyOldStyle-Italic-webfont.ttf +0 -0
  28. data/docs/source/fonts/CenturyOldStyle-Italic-webfont.woff +0 -0
  29. data/docs/source/fonts/CenturyOldStyle-Regular-webfont.eot +0 -0
  30. data/docs/source/fonts/CenturyOldStyle-Regular-webfont.svg +240 -0
  31. data/docs/source/fonts/CenturyOldStyle-Regular-webfont.ttf +0 -0
  32. data/docs/source/fonts/CenturyOldStyle-Regular-webfont.woff +0 -0
  33. data/docs/source/fonts/CenturyOldStyleCaps-Regular-webfont.eot +0 -0
  34. data/docs/source/fonts/CenturyOldStyleCaps-Regular-webfont.svg +240 -0
  35. data/docs/source/fonts/CenturyOldStyleCaps-Regular-webfont.ttf +0 -0
  36. data/docs/source/fonts/CenturyOldStyleCaps-Regular-webfont.woff +0 -0
  37. data/docs/source/fonts/FranklinGothic-Book-webfont.eot +0 -0
  38. data/docs/source/fonts/FranklinGothic-Book-webfont.svg +240 -0
  39. data/docs/source/fonts/FranklinGothic-Book-webfont.ttf +0 -0
  40. data/docs/source/fonts/FranklinGothic-Book-webfont.woff +0 -0
  41. data/docs/source/fonts/FranklinGothic-BookIt-webfont.eot +0 -0
  42. data/docs/source/fonts/FranklinGothic-BookIt-webfont.svg +240 -0
  43. data/docs/source/fonts/FranklinGothic-BookIt-webfont.ttf +0 -0
  44. data/docs/source/fonts/FranklinGothic-BookIt-webfont.woff +0 -0
  45. data/docs/source/fonts/FranklinGothic-Cd-webfont.eot +0 -0
  46. data/docs/source/fonts/FranklinGothic-Cd-webfont.svg +240 -0
  47. data/docs/source/fonts/FranklinGothic-Cd-webfont.ttf +0 -0
  48. data/docs/source/fonts/FranklinGothic-Cd-webfont.woff +0 -0
  49. data/docs/source/fonts/FranklinGothic-CdIt-webfont.eot +0 -0
  50. data/docs/source/fonts/FranklinGothic-CdIt-webfont.svg +240 -0
  51. data/docs/source/fonts/FranklinGothic-CdIt-webfont.ttf +0 -0
  52. data/docs/source/fonts/FranklinGothic-CdIt-webfont.woff +0 -0
  53. data/docs/source/fonts/FranklinGothic-Med-webfont.eot +0 -0
  54. data/docs/source/fonts/FranklinGothic-Med-webfont.svg +240 -0
  55. data/docs/source/fonts/FranklinGothic-Med-webfont.ttf +0 -0
  56. data/docs/source/fonts/FranklinGothic-Med-webfont.woff +0 -0
  57. data/docs/source/fonts/FranklinGothic-MedCd-webfont.eot +0 -0
  58. data/docs/source/fonts/FranklinGothic-MedCd-webfont.svg +240 -0
  59. data/docs/source/fonts/FranklinGothic-MedCd-webfont.ttf +0 -0
  60. data/docs/source/fonts/FranklinGothic-MedCd-webfont.woff +0 -0
  61. data/docs/source/fonts/FranklinGothic-MedCdIt-webfont.eot +0 -0
  62. data/docs/source/fonts/FranklinGothic-MedCdIt-webfont.svg +240 -0
  63. data/docs/source/fonts/FranklinGothic-MedCdIt-webfont.ttf +0 -0
  64. data/docs/source/fonts/FranklinGothic-MedCdIt-webfont.woff +0 -0
  65. data/docs/source/fonts/FranklinGothic-MedIt-webfont.eot +0 -0
  66. data/docs/source/fonts/FranklinGothic-MedIt-webfont.svg +240 -0
  67. data/docs/source/fonts/FranklinGothic-MedIt-webfont.ttf +0 -0
  68. data/docs/source/fonts/FranklinGothic-MedIt-webfont.woff +0 -0
  69. data/docs/source/fonts/License.txt +77 -0
  70. data/docs/source/fonts/susy.eot +0 -0
  71. data/docs/source/fonts/susy.svg +69 -0
  72. data/docs/source/fonts/susy.ttf +0 -0
  73. data/docs/source/fonts/susy.woff +0 -0
  74. data/docs/source/guides/getting-started.html.md +277 -0
  75. data/docs/source/guides/reference.html.md +658 -0
  76. data/docs/source/guides/upgrade-1-0.html.md +286 -0
  77. data/docs/source/humans.txt +45 -0
  78. data/docs/source/images/splash-iphone.png +0 -0
  79. data/docs/source/images/splash-iphone4.png +0 -0
  80. data/docs/source/images/splash-landscape.png +0 -0
  81. data/docs/source/images/splash-portrait.png +0 -0
  82. data/docs/source/index.html.md +87 -0
  83. data/docs/source/javascripts/jquery-1.7.1.min.js +4 -0
  84. data/docs/source/javascripts/jqwidont.js +5 -0
  85. data/docs/source/javascripts/modernizr-2.5.3.min.js +4 -0
  86. data/docs/source/javascripts/modernizr.selectors.js +55 -0
  87. data/docs/source/javascripts/viewport.js +9 -0
  88. data/docs/source/layouts/grid-types.haml +22 -0
  89. data/docs/source/layouts/layout.haml +34 -0
  90. data/docs/source/layouts/magic.haml +28 -0
  91. data/docs/source/partials/_contentinfo.haml +47 -0
  92. data/docs/source/partials/_demonav.haml +2 -0
  93. data/docs/source/partials/_google_analytics.haml +5 -0
  94. data/docs/source/partials/_head.haml +22 -0
  95. data/docs/source/partials/_javascripts.haml +4 -0
  96. data/docs/source/partials/_navigation.haml +15 -0
  97. data/docs/source/sites-using-susy.html.md +29 -0
  98. data/docs/source/stylesheets/_base/_base.scss +23 -0
  99. data/docs/source/stylesheets/_base/_colors.scss +47 -0
  100. data/docs/source/stylesheets/_base/_size.scss +49 -0
  101. data/docs/source/stylesheets/_base/_type.scss +19 -0
  102. data/docs/source/stylesheets/_demos/_demo.scss +28 -0
  103. data/docs/source/stylesheets/_demos/magic/_layout.scss +39 -0
  104. data/docs/source/stylesheets/_demos/magic/_style.scss +104 -0
  105. data/docs/source/stylesheets/_demos/types/_layouts.scss +88 -0
  106. data/docs/source/stylesheets/_demos/types/_template.scss +57 -0
  107. data/docs/source/stylesheets/_general/_century-oldstyle.scss +70 -0
  108. data/docs/source/stylesheets/_general/_font-license.scss +23 -0
  109. data/docs/source/stylesheets/_general/_fonts.scss +26 -0
  110. data/docs/source/stylesheets/_general/_franklin-gothic.scss +112 -0
  111. data/docs/source/stylesheets/_general/_icons.scss +86 -0
  112. data/docs/source/stylesheets/_general/_root.scss +79 -0
  113. data/docs/source/stylesheets/_general/_type.scss +114 -0
  114. data/docs/source/stylesheets/_layout.scss +48 -0
  115. data/docs/source/stylesheets/_modules/_ag-test.scss +59 -0
  116. data/docs/source/stylesheets/_modules/_banner.scss +61 -0
  117. data/docs/source/stylesheets/_modules/_contentinfo.scss +41 -0
  118. data/docs/source/stylesheets/_modules/_intro.scss +53 -0
  119. data/docs/source/stylesheets/_modules/_nav.scss +44 -0
  120. data/docs/source/stylesheets/_modules/_pages.scss +5 -0
  121. data/docs/source/stylesheets/_modules/_secondary.scss +22 -0
  122. data/docs/source/stylesheets/_modules/_toggle.scss +40 -0
  123. data/docs/source/stylesheets/_vendor/pygments/solarized.scss +65 -0
  124. data/docs/source/stylesheets/grid-types.css.scss +6 -0
  125. data/docs/source/stylesheets/magic.css.scss +6 -0
  126. data/docs/source/stylesheets/site.css.scss +27 -0
  127. data/lib/susy.rb +12 -1
  128. data/sass/README.md +33 -0
  129. data/sass/_susy.scss +55 -16
  130. data/sass/susy/_api.scss +39 -0
  131. data/sass/susy/_grids.scss +2 -0
  132. data/sass/susy/_gutters.scss +2 -0
  133. data/sass/susy/_helpers.scss +14 -0
  134. data/sass/susy/_language.scss +3 -0
  135. data/sass/susy/_math.scss +3 -0
  136. data/sass/susy/api/_float.scss +72 -0
  137. data/sass/susy/api/_isolation.scss +16 -0
  138. data/sass/susy/grids/_add.scss +10 -0
  139. data/sass/susy/grids/_find.scss +10 -0
  140. data/sass/susy/gutters/_add.scss +10 -0
  141. data/sass/susy/gutters/_find.scss +10 -0
  142. data/sass/susy/helpers/_background-grid.scss +65 -0
  143. data/sass/susy/helpers/_box-sizing.scss +25 -0
  144. data/sass/susy/helpers/_clearfix.scss +51 -0
  145. data/sass/susy/helpers/_columns.scss +15 -0
  146. data/sass/susy/helpers/_find.scss +63 -0
  147. data/sass/susy/helpers/_sass-lists.scss +71 -0
  148. data/sass/susy/helpers/_span-shared.scss +9 -0
  149. data/sass/susy/language/_parse-add.scss +19 -0
  150. data/sass/susy/language/_parse-list.scss +53 -0
  151. data/sass/susy/language/_span.scss +20 -0
  152. data/sass/susy/math/_columns.scss +70 -0
  153. data/sass/susy/math/_context.scss +3 -0
  154. data/sass/susy/math/_gutters.scss +11 -0
  155. data/templates/box-sizing/behaviors/box-sizing/boxsizing.htc +399 -0
  156. data/templates/box-sizing/behaviors/box-sizing/boxsizing.php +23 -0
  157. data/templates/box-sizing/manifest.rb +4 -0
  158. data/templates/project/README.md +59 -0
  159. data/templates/project/_base.scss +0 -10
  160. data/templates/project/behaviors/box-sizing/boxsizing.htc +399 -0
  161. data/templates/project/behaviors/box-sizing/boxsizing.php +23 -0
  162. data/templates/project/manifest.rb +3 -0
  163. data/templates/project/screen.scss +0 -8
  164. metadata +200 -43
  165. data/Manifest +0 -39
  166. data/Rakefile +0 -19
  167. data/VERSION +0 -1
  168. data/sass/susy/_background.scss +0 -18
  169. data/sass/susy/_functions.scss +0 -376
  170. data/sass/susy/_grid.scss +0 -286
  171. data/sass/susy/_isolation.scss +0 -51
  172. data/sass/susy/_margin.scss +0 -93
  173. data/sass/susy/_media.scss +0 -112
  174. data/sass/susy/_padding.scss +0 -92
  175. data/sass/susy/_settings.scss +0 -56
  176. data/sass/susy/_support.scss +0 -198
  177. data/sass/susy/_units.scss +0 -159
  178. data/susy.gemspec +0 -35
  179. data/test/config.rb +0 -10
  180. data/test/css/background.css +0 -16
  181. data/test/css/bleed.css +0 -20
  182. data/test/css/functions.css +0 -7
  183. data/test/css/grid.css +0 -134
  184. data/test/css/isolation.css +0 -46
  185. data/test/css/margin.css +0 -20
  186. data/test/css/media.css +0 -101
  187. data/test/css/padding.css +0 -12
  188. data/test/scss/background.scss +0 -11
  189. data/test/scss/bleed.scss +0 -19
  190. data/test/scss/functions.scss +0 -15
  191. data/test/scss/grid.scss +0 -77
  192. data/test/scss/isolation.scss +0 -19
  193. data/test/scss/margin.scss +0 -27
  194. data/test/scss/media.scss +0 -50
  195. data/test/scss/padding.scss +0 -19
@@ -0,0 +1,23 @@
1
+ <?php
2
+ /*
3
+ This file is a wrapper, for use in PHP environments, which serves boxsizing.htc using the
4
+ correct content-type, so that IE will recognize it as a behavior. Simply specify the
5
+ behavior property to fetch this .php file instead of the .htc directly:
6
+
7
+ //
8
+ // Reset box sizing
9
+ //
10
+ * {
11
+ margin: 0;
12
+ @include box-sizing(border-box);
13
+ *behavior: url(/sites/all/libraries/boxsizing/boxsizing.php);
14
+ }
15
+
16
+ This is only necessary when the web server is not configured to serve .htc files with
17
+ the text/x-component content-type, and cannot easily be configured to do so (as is the
18
+ case with some shared hosting providers).
19
+ */
20
+
21
+ header( 'Content-type: text/x-component' );
22
+ include( 'boxsizing.htc' );
23
+ ?>
@@ -1,6 +1,9 @@
1
1
  stylesheet 'screen.scss', :media => "screen, projection"
2
2
  stylesheet '_base.scss'
3
3
 
4
+ file 'behaviors/box-sizing/boxsizing.htc'
5
+ file 'behaviors/box-sizing/boxsizing.php'
6
+
4
7
  description "Susy: a flexible static/fluid/elastic grid system native to compass."
5
8
 
6
9
  help %Q{
@@ -2,11 +2,3 @@
2
2
  // Imports
3
3
 
4
4
  @import "base";
5
-
6
- /* -------------------------------------------------------------------------*/
7
- /* Layout */
8
-
9
- .container {
10
- @include container;
11
- @include susy-grid-background;
12
- }
metadata CHANGED
@@ -1,21 +1,30 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: susy
3
3
  version: !ruby/object:Gem::Version
4
- hash: 5
5
- prerelease:
4
+ hash: 2779824819
5
+ prerelease: 6
6
6
  segments:
7
- - 1
7
+ - 2
8
+ - 0
8
9
  - 0
9
- - 9
10
- version: 1.0.9
10
+ - alpha
11
+ - 1
12
+ version: 2.0.0.alpha.1
11
13
  platform: ruby
12
14
  authors:
13
15
  - Eric Meyer
16
+ - Mason Wendell
17
+ - Tsachi Shlidor
18
+ - Sam Richard
19
+ - Danny Palmer
20
+ - Rachel Nabors
21
+ - Scott Kellum
22
+ - Jina Bolton
14
23
  autorequire:
15
24
  bindir: bin
16
25
  cert_chain: []
17
26
 
18
- date: 2013-06-19 00:00:00 Z
27
+ date: 2013-01-23 00:00:00 Z
19
28
  dependencies:
20
29
  - !ruby/object:Gem::Dependency
21
30
  name: compass
@@ -49,8 +58,31 @@ dependencies:
49
58
  version: 3.2.0
50
59
  type: :runtime
51
60
  version_requirements: *id002
52
- description: Susy grids are fluid on the inside, ready to respond at any moment, but contained in the candy shell of your choice, so they respond how and when and where you want them to. We don't design your site or dictate your markup, we just do the math and get out of your way.
53
- email: eric@oddbird.net
61
+ - !ruby/object:Gem::Dependency
62
+ name: breakpoint
63
+ prerelease: false
64
+ requirement: &id003 !ruby/object:Gem::Requirement
65
+ none: false
66
+ requirements:
67
+ - - ">="
68
+ - !ruby/object:Gem::Version
69
+ hash: 9
70
+ segments:
71
+ - 1
72
+ - 3
73
+ version: "1.3"
74
+ type: :runtime
75
+ version_requirements: *id003
76
+ description: Susy is a tool for building layouts of any type with a simple shared syntax.
77
+ email:
78
+ - eric@oddbird.net
79
+ - mason@zivtech.com
80
+ - tsi.shlidor@gmail.com
81
+ - snugug@gmail.com
82
+ - danny@dannyprose.com
83
+ - rachelnabors@gmail.com
84
+ - scott@scottkellum.com
85
+ - jina@sushiandrobots.com
54
86
  executables: []
55
87
 
56
88
  extensions: []
@@ -61,45 +93,170 @@ extra_rdoc_files:
61
93
  - README.md
62
94
  - lib/susy.rb
63
95
  files:
64
- - CHANGELOG.mkdn
65
- - LICENSE.txt
66
- - Manifest
67
- - README.md
68
- - Rakefile
69
- - VERSION
70
96
  - lib/susy.rb
71
97
  - sass/_susy.scss
72
- - sass/susy/_background.scss
73
- - sass/susy/_functions.scss
74
- - sass/susy/_grid.scss
75
- - sass/susy/_isolation.scss
76
- - sass/susy/_margin.scss
77
- - sass/susy/_media.scss
78
- - sass/susy/_padding.scss
79
- - sass/susy/_settings.scss
80
- - sass/susy/_support.scss
81
- - sass/susy/_units.scss
82
- - susy.gemspec
98
+ - sass/README.md
99
+ - sass/susy/_api.scss
100
+ - sass/susy/_grids.scss
101
+ - sass/susy/_gutters.scss
102
+ - sass/susy/_helpers.scss
103
+ - sass/susy/_language.scss
104
+ - sass/susy/_math.scss
105
+ - sass/susy/api/_float.scss
106
+ - sass/susy/api/_isolation.scss
107
+ - sass/susy/grids/_add.scss
108
+ - sass/susy/grids/_find.scss
109
+ - sass/susy/gutters/_add.scss
110
+ - sass/susy/gutters/_find.scss
111
+ - sass/susy/helpers/_background-grid.scss
112
+ - sass/susy/helpers/_box-sizing.scss
113
+ - sass/susy/helpers/_clearfix.scss
114
+ - sass/susy/helpers/_columns.scss
115
+ - sass/susy/helpers/_find.scss
116
+ - sass/susy/helpers/_sass-lists.scss
117
+ - sass/susy/helpers/_span-shared.scss
118
+ - sass/susy/language/_parse-add.scss
119
+ - sass/susy/language/_parse-list.scss
120
+ - sass/susy/language/_span.scss
121
+ - sass/susy/math/_columns.scss
122
+ - sass/susy/math/_context.scss
123
+ - sass/susy/math/_gutters.scss
124
+ - templates/box-sizing/behaviors/box-sizing/boxsizing.htc
125
+ - templates/box-sizing/behaviors/box-sizing/boxsizing.php
126
+ - templates/box-sizing/manifest.rb
83
127
  - templates/project/_base.scss
128
+ - templates/project/behaviors/box-sizing/boxsizing.htc
129
+ - templates/project/behaviors/box-sizing/boxsizing.php
84
130
  - templates/project/manifest.rb
131
+ - templates/project/README.md
85
132
  - templates/project/screen.scss
86
- - test/config.rb
87
- - test/css/background.css
88
- - test/css/bleed.css
89
- - test/css/functions.css
90
- - test/css/grid.css
91
- - test/css/isolation.css
92
- - test/css/margin.css
93
- - test/css/media.css
94
- - test/css/padding.css
95
- - test/scss/background.scss
96
- - test/scss/bleed.scss
97
- - test/scss/functions.scss
98
- - test/scss/grid.scss
99
- - test/scss/isolation.scss
100
- - test/scss/margin.scss
101
- - test/scss/media.scss
102
- - test/scss/padding.scss
133
+ - docs/BUGS.md
134
+ - docs/config.rb
135
+ - docs/Gemfile.lock
136
+ - docs/lib/guide_helpers.rb
137
+ - docs/README.md
138
+ - docs/source/apple-touch-icon-114x114-precomposed.png
139
+ - docs/source/apple-touch-icon-144x144-precomposed.png
140
+ - docs/source/apple-touch-icon-72x72-precomposed.png
141
+ - docs/source/apple-touch-icon-precomposed.png
142
+ - docs/source/demos/grid-types.html.md
143
+ - docs/source/demos/index.html.md
144
+ - docs/source/demos/magic.html.md
145
+ - docs/source/favicon.ico
146
+ - docs/source/fonts/@Font-Face License.txt
147
+ - docs/source/fonts/Baskerville-amp-webfont.eot
148
+ - docs/source/fonts/Baskerville-amp-webfont.svg
149
+ - docs/source/fonts/Baskerville-amp-webfont.ttf
150
+ - docs/source/fonts/Baskerville-amp-webfont.woff
151
+ - docs/source/fonts/CenturyOldStyle-Bold-webfont.eot
152
+ - docs/source/fonts/CenturyOldStyle-Bold-webfont.svg
153
+ - docs/source/fonts/CenturyOldStyle-Bold-webfont.ttf
154
+ - docs/source/fonts/CenturyOldStyle-Bold-webfont.woff
155
+ - docs/source/fonts/CenturyOldStyle-Italic-webfont.eot
156
+ - docs/source/fonts/CenturyOldStyle-Italic-webfont.svg
157
+ - docs/source/fonts/CenturyOldStyle-Italic-webfont.ttf
158
+ - docs/source/fonts/CenturyOldStyle-Italic-webfont.woff
159
+ - docs/source/fonts/CenturyOldStyle-Regular-webfont.eot
160
+ - docs/source/fonts/CenturyOldStyle-Regular-webfont.svg
161
+ - docs/source/fonts/CenturyOldStyle-Regular-webfont.ttf
162
+ - docs/source/fonts/CenturyOldStyle-Regular-webfont.woff
163
+ - docs/source/fonts/CenturyOldStyleCaps-Regular-webfont.eot
164
+ - docs/source/fonts/CenturyOldStyleCaps-Regular-webfont.svg
165
+ - docs/source/fonts/CenturyOldStyleCaps-Regular-webfont.ttf
166
+ - docs/source/fonts/CenturyOldStyleCaps-Regular-webfont.woff
167
+ - docs/source/fonts/FranklinGothic-Book-webfont.eot
168
+ - docs/source/fonts/FranklinGothic-Book-webfont.svg
169
+ - docs/source/fonts/FranklinGothic-Book-webfont.ttf
170
+ - docs/source/fonts/FranklinGothic-Book-webfont.woff
171
+ - docs/source/fonts/FranklinGothic-BookIt-webfont.eot
172
+ - docs/source/fonts/FranklinGothic-BookIt-webfont.svg
173
+ - docs/source/fonts/FranklinGothic-BookIt-webfont.ttf
174
+ - docs/source/fonts/FranklinGothic-BookIt-webfont.woff
175
+ - docs/source/fonts/FranklinGothic-Cd-webfont.eot
176
+ - docs/source/fonts/FranklinGothic-Cd-webfont.svg
177
+ - docs/source/fonts/FranklinGothic-Cd-webfont.ttf
178
+ - docs/source/fonts/FranklinGothic-Cd-webfont.woff
179
+ - docs/source/fonts/FranklinGothic-CdIt-webfont.eot
180
+ - docs/source/fonts/FranklinGothic-CdIt-webfont.svg
181
+ - docs/source/fonts/FranklinGothic-CdIt-webfont.ttf
182
+ - docs/source/fonts/FranklinGothic-CdIt-webfont.woff
183
+ - docs/source/fonts/FranklinGothic-Med-webfont.eot
184
+ - docs/source/fonts/FranklinGothic-Med-webfont.svg
185
+ - docs/source/fonts/FranklinGothic-Med-webfont.ttf
186
+ - docs/source/fonts/FranklinGothic-Med-webfont.woff
187
+ - docs/source/fonts/FranklinGothic-MedCd-webfont.eot
188
+ - docs/source/fonts/FranklinGothic-MedCd-webfont.svg
189
+ - docs/source/fonts/FranklinGothic-MedCd-webfont.ttf
190
+ - docs/source/fonts/FranklinGothic-MedCd-webfont.woff
191
+ - docs/source/fonts/FranklinGothic-MedCdIt-webfont.eot
192
+ - docs/source/fonts/FranklinGothic-MedCdIt-webfont.svg
193
+ - docs/source/fonts/FranklinGothic-MedCdIt-webfont.ttf
194
+ - docs/source/fonts/FranklinGothic-MedCdIt-webfont.woff
195
+ - docs/source/fonts/FranklinGothic-MedIt-webfont.eot
196
+ - docs/source/fonts/FranklinGothic-MedIt-webfont.svg
197
+ - docs/source/fonts/FranklinGothic-MedIt-webfont.ttf
198
+ - docs/source/fonts/FranklinGothic-MedIt-webfont.woff
199
+ - docs/source/fonts/License.txt
200
+ - docs/source/fonts/susy.eot
201
+ - docs/source/fonts/susy.svg
202
+ - docs/source/fonts/susy.ttf
203
+ - docs/source/fonts/susy.woff
204
+ - docs/source/guides/getting-started.html.md
205
+ - docs/source/guides/reference.html.md
206
+ - docs/source/guides/upgrade-1-0.html.md
207
+ - docs/source/humans.txt
208
+ - docs/source/images/splash-iphone.png
209
+ - docs/source/images/splash-iphone4.png
210
+ - docs/source/images/splash-landscape.png
211
+ - docs/source/images/splash-portrait.png
212
+ - docs/source/index.html.md
213
+ - docs/source/javascripts/jquery-1.7.1.min.js
214
+ - docs/source/javascripts/jqwidont.js
215
+ - docs/source/javascripts/modernizr-2.5.3.min.js
216
+ - docs/source/javascripts/modernizr.selectors.js
217
+ - docs/source/javascripts/viewport.js
218
+ - docs/source/layouts/grid-types.haml
219
+ - docs/source/layouts/layout.haml
220
+ - docs/source/layouts/magic.haml
221
+ - docs/source/partials/_contentinfo.haml
222
+ - docs/source/partials/_demonav.haml
223
+ - docs/source/partials/_google_analytics.haml
224
+ - docs/source/partials/_head.haml
225
+ - docs/source/partials/_javascripts.haml
226
+ - docs/source/partials/_navigation.haml
227
+ - docs/source/sites-using-susy.html.md
228
+ - docs/source/stylesheets/_base/_base.scss
229
+ - docs/source/stylesheets/_base/_colors.scss
230
+ - docs/source/stylesheets/_base/_size.scss
231
+ - docs/source/stylesheets/_base/_type.scss
232
+ - docs/source/stylesheets/_demos/_demo.scss
233
+ - docs/source/stylesheets/_demos/magic/_layout.scss
234
+ - docs/source/stylesheets/_demos/magic/_style.scss
235
+ - docs/source/stylesheets/_demos/types/_layouts.scss
236
+ - docs/source/stylesheets/_demos/types/_template.scss
237
+ - docs/source/stylesheets/_general/_century-oldstyle.scss
238
+ - docs/source/stylesheets/_general/_font-license.scss
239
+ - docs/source/stylesheets/_general/_fonts.scss
240
+ - docs/source/stylesheets/_general/_franklin-gothic.scss
241
+ - docs/source/stylesheets/_general/_icons.scss
242
+ - docs/source/stylesheets/_general/_root.scss
243
+ - docs/source/stylesheets/_general/_type.scss
244
+ - docs/source/stylesheets/_layout.scss
245
+ - docs/source/stylesheets/_modules/_ag-test.scss
246
+ - docs/source/stylesheets/_modules/_banner.scss
247
+ - docs/source/stylesheets/_modules/_contentinfo.scss
248
+ - docs/source/stylesheets/_modules/_intro.scss
249
+ - docs/source/stylesheets/_modules/_nav.scss
250
+ - docs/source/stylesheets/_modules/_pages.scss
251
+ - docs/source/stylesheets/_modules/_secondary.scss
252
+ - docs/source/stylesheets/_modules/_toggle.scss
253
+ - docs/source/stylesheets/_vendor/pygments/solarized.scss
254
+ - docs/source/stylesheets/grid-types.css.scss
255
+ - docs/source/stylesheets/magic.css.scss
256
+ - docs/source/stylesheets/site.css.scss
257
+ - CHANGELOG.mkdn
258
+ - LICENSE.txt
259
+ - README.md
103
260
  homepage: http://susy.oddbird.net/
104
261
  licenses: []
105
262
 
@@ -138,6 +295,6 @@ rubyforge_project: susy
138
295
  rubygems_version: 1.8.24
139
296
  signing_key:
140
297
  specification_version: 3
141
- summary: Responsive grids for Compass.
298
+ summary: Responsive grids for Sass & Compass.
142
299
  test_files: []
143
300
 
data/Manifest DELETED
@@ -1,39 +0,0 @@
1
- CHANGELOG.mkdn
2
- LICENSE.txt
3
- Manifest
4
- README.md
5
- Rakefile
6
- VERSION
7
- lib/susy.rb
8
- sass/_susy.scss
9
- sass/susy/_background.scss
10
- sass/susy/_functions.scss
11
- sass/susy/_grid.scss
12
- sass/susy/_isolation.scss
13
- sass/susy/_margin.scss
14
- sass/susy/_media.scss
15
- sass/susy/_padding.scss
16
- sass/susy/_settings.scss
17
- sass/susy/_support.scss
18
- sass/susy/_units.scss
19
- susy.gemspec
20
- templates/project/_base.scss
21
- templates/project/manifest.rb
22
- templates/project/screen.scss
23
- test/config.rb
24
- test/css/background.css
25
- test/css/bleed.css
26
- test/css/functions.css
27
- test/css/grid.css
28
- test/css/isolation.css
29
- test/css/margin.css
30
- test/css/media.css
31
- test/css/padding.css
32
- test/scss/background.scss
33
- test/scss/bleed.scss
34
- test/scss/functions.scss
35
- test/scss/grid.scss
36
- test/scss/isolation.scss
37
- test/scss/margin.scss
38
- test/scss/media.scss
39
- test/scss/padding.scss
data/Rakefile DELETED
@@ -1,19 +0,0 @@
1
- require 'fileutils'
2
- require 'sass'
3
-
4
- begin
5
- require 'echoe'
6
-
7
- Echoe.new('susy', open('VERSION').read) do |p|
8
- p.summary = "Responsive grids for Compass."
9
- p.description = "Susy grids are fluid on the inside, ready to respond at any moment, but contained in the candy shell of your choice, so they respond how and when and where you want them to. We don't design your site or dictate your markup, we just do the math and get out of your way."
10
- p.url = "http://susy.oddbird.net/"
11
- p.author = "Eric Meyer"
12
- p.email = "eric@oddbird.net"
13
- p.dependencies = ["compass >=0.12.2", "sass >=3.2.0"]
14
- end
15
-
16
- rescue LoadError => boom
17
- puts "You are missing a dependency required for meta-operations on this gem."
18
- puts "#{boom.to_s.capitalize}."
19
- end
data/VERSION DELETED
@@ -1 +0,0 @@
1
- 1.0.9
@@ -1,18 +0,0 @@
1
- // ---------------------------------------------------------------------------
2
- // Imports
3
-
4
- @import "compass/layout/grid-background";
5
- @import "compass/css3/background-origin";
6
- @import "compass/css3/background-clip";
7
-
8
- // ---------------------------------------------------------------------------
9
- // Susy Grid Background
10
- //
11
- // A wrapper for the compass "column-grid-background" mixin
12
- // Uses all your settings to create a grid background for a container element.
13
- // Note: Sub-pixel rounding can lead to several pixels of variation between browsers.
14
- @mixin susy-grid-background(){
15
- @include column-grid-background($total-columns, column(), gutter(), 0);
16
- @include background-origin(content-box);
17
- @include background-clip(content-box);
18
- }
@@ -1,376 +0,0 @@
1
- // ---------------------------------------------------------------------------
2
- // Imports
3
-
4
- // We need access to some basic font settings for handling media-queries.
5
- @import "compass/typography/vertical_rhythm";
6
-
7
- // For now, we also need this...
8
- $browser-default-font-size-px : 16px;
9
- $browser-default-font-size-percent : 100%;
10
- $browser-default-font-size-pt : 12pt;
11
-
12
- $rem-with-px-fallback : true !default;
13
-
14
- // ---------------------------------------------------------------------------
15
- // Sass list Functions
16
-
17
- // Return a list with specific items removed
18
- //
19
- // filter($list, $target)
20
- // - $list : The list to filter.
21
- // - $target : An item to be removed from the list.
22
- @function filter($list, $target) {
23
- $clean: compact();
24
- @if index($list, $target) {
25
- @each $item in $list {
26
- $clean: if($item == $target, $clean, append($clean, $item));
27
- }
28
- } @else { $clean: $list; }
29
- @return $clean;
30
- }
31
-
32
- // ---------------------------------------------------------------------------
33
- // Don't use static output when it will break things
34
-
35
- // Switch element-level output to fluid, when container-width is wrong for static
36
- //
37
- // fix-static-misalignment([$style, $width])
38
- // - $style: $container-style.
39
- // - $width: $container-width.
40
- @function fix-static-misalignment(
41
- $style: $container-style,
42
- $width: $container-width
43
- ) {
44
- @if $container-width and $container-width != container-outer-width($width: false) {
45
- $style: fluid;
46
- }
47
- @return $style;
48
- }
49
-
50
- // ---------------------------------------------------------------------------
51
- // Grid Functions
52
-
53
- // Returns the full width of a grid based on your grid settings.
54
- //
55
- // $columns : The number of columns to get width for.
56
- @function columns-width(
57
- $columns : $total-columns
58
- ) {
59
- @if round($columns) != $columns {
60
- @warn "Susy works best with integer column-spans.
61
- For partial-columns, you may need to finesse the math by hand using functions directly.";
62
- }
63
- @return ($columns * $column-width) + (if($columns >= 1, ceil($columns - 1), 0) * $gutter-width);
64
- }
65
-
66
- // Return the grid width after adding or subtracting grid padding
67
- //
68
- // $width : the width of the grid without padding;
69
- // $operation : ( add | subtract ) if padding should be added or subtracted;
70
- @function handle-grid-padding(
71
- $width,
72
- $operation : subtract
73
- ) {
74
- $pad: $grid-padding*2;
75
-
76
- @if comparable($width, $grid-padding) {
77
- $width: if($operation == subtract, $width - $pad, $width + $pad);
78
- } @else {
79
- @warn "$grid-padding must be set in units comparable to the container width.";
80
- }
81
-
82
- @return $width;
83
- }
84
-
85
- // Return the full outer width of a Container element.
86
- //
87
- // $columns : The number of columns in the Grid Layout.
88
- @function container-outer-width(
89
- $columns : $total-columns,
90
- $width : $container-width
91
- ) {
92
- $outerwidth: if($width, $width, columns-width($columns));
93
-
94
- @if $width {
95
- @if not $border-box-sizing { $outerwidth: handle-grid-padding($outerwidth, subtract); }
96
- } @else {
97
- @if $border-box-sizing { $outerwidth: handle-grid-padding($outerwidth, add); }
98
- }
99
-
100
- @return $outerwidth;
101
- }
102
-
103
- // Return the percentage width of a single column in a given 'context'.
104
- //
105
- // $context : The grid context in columns, if nested.
106
- // $style : The container style to use.
107
- @function column(
108
- $context : $total-columns,
109
- $style : fix-static-misalignment()
110
- ) {
111
- @return if($style == static, $column-width, relative-width($column-width, $context));
112
- }
113
-
114
- // Return the percentage width of multiple 'columns' in a given 'context'.
115
- //
116
- // $columns : The number of columns to get relative width for.
117
- // $context : The grid context in columns, if nested.
118
- // $style : The container style to use.
119
- @function columns(
120
- $columns,
121
- $context : $total-columns,
122
- $style : fix-static-misalignment()
123
- ) {
124
- @return if($style == static, columns-width($columns), relative-width(columns-width($columns), $context));
125
- }
126
-
127
- // Return the percentage width of a single gutter in a given 'context'.
128
- //
129
- // $context : The grid context in columns, if nested.
130
- // $style : The container style to use.
131
- @function gutter(
132
- $context : $total-columns,
133
- $style : fix-static-misalignment()
134
- ) {
135
- @return if($style == static, $gutter-width, relative-width($gutter-width, $context));
136
- }
137
-
138
- // Return the percentage width of a given value in a given 'context'.
139
- //
140
- // $width : Any given width value.
141
- // $context : The grid context in columns, if nested.
142
- @function relative-width(
143
- $width,
144
- $context : $total-columns
145
- ) {
146
- @return percentage($width / columns-width($context));
147
- }
148
-
149
- // Return the total space occupied by multiple columns and associated gutters.
150
- // Useful for adding padding or margins (prefix, suffix, push, pull, etc.)
151
- //
152
- // $columns : The number of columns to get relative space for.
153
- // $context : The grid context in columns, if nested.
154
- // $style : The container style to use.
155
- @function space(
156
- $columns,
157
- $context : $total-columns,
158
- $style : fix-static-misalignment()
159
- ) {
160
- @return columns($columns, $context, $style) + if($columns >= 1, gutter($context, $style), 0);
161
- }
162
-
163
- // Accept a list including column-count and (optional) position.
164
- // Return either the column count or the position alone.
165
- //
166
- // $columns : the list to split and interprate.
167
- // $request : The value to return, either 'columns' or 'position'.
168
- @function split-columns-value(
169
- $columns,
170
- $request : columns
171
- ) {
172
- $pos : false;
173
- $cols : false;
174
-
175
- @each $var in $columns {
176
- @if (type-of($var) == 'string') {
177
- $pos: $var;
178
- } @else {
179
- @if (type-of($var) == 'number') and (unitless($var)) {
180
- $cols: $var;
181
- } @else {
182
- @warn '"#{$var}" is not a valid part of "$columns: #{$columns}" in the columns() mixin.';
183
- }
184
- }
185
- }
186
-
187
- @if $request == 'columns' {
188
- @return $cols;
189
- } @else {
190
- @if $request == 'position' {
191
- @return $pos;
192
- } @else {
193
- @warn '"#{$request}"" is not a valid value for $request';
194
- }
195
- }
196
- }
197
-
198
- // Accept nth-selector variables, and format them as a valid CSS3 selector.
199
- //
200
- // $n : [first | only | last | <equation>]
201
- // $selector : [child | last-child | of-type | last-of-type ]
202
- @function format-nth(
203
- $n : last,
204
- $selector : child
205
- ) {
206
- @if ($n == 'last') or ($n =='first') or ($n =='only') {
207
- $selector: '#{$n}-#{$selector}';
208
- } @else {
209
- $selector: 'nth-#{$selector}(#{$n})';
210
- }
211
- @return $selector;
212
- }
213
-
214
- // ---------------------------------------------------------------------------
215
- // Media Functions
216
-
217
- // Return an em value adjusted to match the browser default font size.
218
- // Note: This only works if actual sizes are set relative to browser defaults.
219
- //
220
- // $ems : The initial value to be converted.
221
- // $font-size : The current font-size in.
222
- @function base-ems(
223
- $ems,
224
- $font-size: $base-font-size
225
- ){
226
- $font-size : if(unit($ems) == 'rem', $base-font-size, $font-size);
227
- $unit : unit($font-size);
228
- $mult : $ems / ($ems * 0 + 1);
229
-
230
- @if $unit == 'px' {
231
- @return $font-size / $browser-default-font-size-px * $mult * 1em;
232
- }
233
- @else if $unit == '%' {
234
- @return $font-size / $browser-default-font-size-percent * $mult * 1em;
235
- }
236
- @else if $unit == 'em' {
237
- @return $font-size / 1em * $mult * 1em;
238
- }
239
- @else if $unit == 'pt' {
240
- @return $font-size / $browser-default-font-size-pt * $mult * 1em;
241
- }
242
- @else {
243
- @warn 'Variable $base-font-size does not have a valid font unit. Valid units for fonts in CSS are px, pt, em, and %.';
244
- }
245
- }
246
-
247
- // This name will be deprecated...
248
- @function absolute-ems($ems, $font-size: $base-font-size){ @return base-ems($ems, $font-size); }
249
-
250
- // Return a length, after any em-values have been sent through absolute-ems().
251
- //
252
- // $length : The length value to be checked and adjusted if necessary.
253
- // $font-size : The current font-size in px.
254
- @function fix-ems(
255
- $length,
256
- $font-size: $base-font-size
257
- ){
258
- @if $length {
259
- @if (unit($length) == 'em') or (unit($length) == 'rem') {
260
- $length: absolute-ems($length,$font-size);
261
- }
262
- }
263
- @return $length;
264
- }
265
-
266
- // Sort a list of arguments into "$min $layout $max $ie" order, and return the list.
267
- //
268
- // $media-layout : a list of values [$min $layout $max $ie] including...
269
- // : - one unitless number (columns in a layout)
270
- // : - two optional lengths (min and max-width media-query breakpoints).
271
- // : - one optional boolean or string to trigger fallback support for IE.
272
- // $font-size : [optional] The base font-size of your layout, if you are using ems.
273
- // : - defaults to $base-font-size
274
- @function medialayout(
275
- $media-layout,
276
- $font-size: $base-font-size
277
- ) {
278
- $media : false;
279
- $min : false;
280
- $layout : false;
281
- $max : false;
282
- $ie : false;
283
- $has-layout : false;
284
-
285
- @each $val in $media-layout {
286
- @if (type-of($val) == "number") {
287
- @if unitless($val) {
288
- $layout : $val;
289
- $has-layout : true;
290
- } @else {
291
- @if ($has-layout) and (not $media) {
292
- $max: $val;
293
- } @else {
294
- @if $media {
295
- $media: join($media,$val);
296
- } @else {
297
- $media: $val;
298
- }
299
- }
300
- }
301
- } @else {
302
- $ie: $val;
303
- }
304
- }
305
- @if (length($media) > 0) {
306
- @if (length($media) == 1) {
307
- $min: nth($media,1);
308
- } @else {
309
- $min: nth($media,1);
310
- $max: nth($media,2);
311
- @if comparable($min, $max) {
312
- @if ($min > $max) {
313
- $max: nth($media,1);
314
- $min: nth($media,2);
315
- }
316
- } @else {
317
- @warn "Can't compare incompatible units.
318
- Using #{$min} for min-width, and #{$max} for max-width";
319
- }
320
- @if (length($media) > 2) {
321
- @warn "You can only send two lengths: a min-width and an (optional) max-width.
322
- You sent #{length($media)}: #{$media}";
323
- }
324
- }
325
- }
326
-
327
- // media-queries must be set in ems relative to the browser default
328
- // rather than the font-size set in CSS.
329
- $min: fix-ems($min,$font-size);
330
- $max: fix-ems($max,$font-size);
331
-
332
- @return $min $layout $max $ie;
333
- }
334
-
335
- // Return the nearest layout (column-count) above a given breakpoint.
336
- //
337
- // $min : The min-width media-query breakpoint above which to establish a new layout.
338
- @function get-layout (
339
- $min
340
- ) {
341
- $columns : 1;
342
- $layout-width : container-outer-width($columns);
343
- $return : false;
344
- $min : fix-ems($min);
345
-
346
- @if comparable($min, $layout-width) {
347
- @while $min >= $layout-width {
348
- $columns : $columns + 1;
349
- $layout-width : container-outer-width($columns);
350
- }
351
- $return : $columns;
352
- }
353
-
354
- @return $return;
355
- }
356
-
357
- // Check to see if a given $media-layout list is simply the default.
358
- //
359
- // $media-layout : a list of values including -
360
- // : One unitless number (columns in a layout)
361
- // : Two optional lengths (min and max-width media-query breakpoints).
362
- // : One optional boolean or string to trigger fallback support for IE.
363
- @function is-default-layout(
364
- $media-layout
365
- ) {
366
- $media-layout : medialayout($media-layout);
367
- $min : nth($media-layout,1);
368
- $layout-cols : nth($media-layout,2);
369
- $max : nth($media-layout,3);
370
-
371
- @if $min or $max {
372
- @return false;
373
- } @else {
374
- @return if($layout-cols == $total-columns,true,false);
375
- }
376
- }