toolkit 0.1.7 → 0.1.9

Sign up to get free protection for your applications and to get access to all the features.
data/lib/toolkit.rb CHANGED
@@ -1,6 +1,7 @@
1
1
  require 'compass'
2
2
  require 'susy'
3
3
  require 'respond-to'
4
+ require 'singularitygs'
4
5
 
5
6
  extension_path = File.expand_path(File.join(File.dirname(__FILE__), ".."))
6
7
  Compass::Frameworks.register('toolkit', :path => extension_path)
@@ -16,4 +16,9 @@
16
16
  ////////////////////////
17
17
  // Import Progressive Enhancement
18
18
  ////////////////////////
19
- @import 'toolkit/pe';
19
+ @import 'toolkit/pe';
20
+
21
+ //////////////////////////////
22
+ // Import Clearfix
23
+ //////////////////////////////
24
+ @import 'toolkit/clearfix';
@@ -0,0 +1,61 @@
1
+ //////////////////////////////
2
+ // Legacy Clearfix
3
+ //
4
+ // For when you need full Legacy support, including old IE and old Firefox
5
+ //
6
+ // From http://www.css-101.org/articles/clearfix/latest-new-clearfix-so-far.php
7
+ //////////////////////////////
8
+ %clearfix-legacy {
9
+ /* for IE 6/7 */
10
+ *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif");
11
+ /* non-JS fallback */
12
+ *zoom: 1;
13
+
14
+ &:before,
15
+ &:after {
16
+ content: ".";
17
+ display: block;
18
+ height: 0;
19
+ overflow: hidden;
20
+ }
21
+
22
+ &:after {
23
+ clear: both;
24
+ }
25
+ }
26
+
27
+ //////////////////////////////
28
+ // Micro Clearfix
29
+ //
30
+ // For when you need old IE support, but not concerned with old Firefox
31
+ // From http://nicolasgallagher.com/better-float-containment-in-ie/
32
+ //////////////////////////////
33
+ %clearfix-micro {
34
+ /* for IE 6/7 */
35
+ *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif");
36
+ /* non-JS fallback */
37
+ *zoom: 1;
38
+
39
+ &:before,
40
+ &:after {
41
+ content: "";
42
+ display: table;
43
+ }
44
+
45
+ &:after {
46
+ clear: both;
47
+ }
48
+ }
49
+
50
+ //////////////////////////////
51
+ // Modern Clearfix
52
+ //
53
+ // Clearfix for modern browsers, especiall when using border-box
54
+ //
55
+ // From http://www.css-101.org/articles/clearfix/latest-new-clearfix-so-far.php
56
+ //////////////////////////////
57
+ %clearfix:after {
58
+ content: "";
59
+ display: table;
60
+ clear: both;
61
+ }
@@ -0,0 +1,27 @@
1
+ ////////////////////////
2
+ // Base Partials
3
+ //
4
+ // These files will be shared across all three of your output
5
+ // CSS files. Generally included here are only Compass Extension
6
+ // imports and imports for variables, functions, mixins, and extendables.
7
+ ////////////////////////
8
+
9
+ ////////////////////////
10
+ // Compass Imports
11
+ //
12
+ // Toolkit include @import 'compass' so you don't need to.
13
+ ////////////////////////
14
+
15
+ ////////////////////////
16
+ // Compass Extensions
17
+ ////////////////////////
18
+ @import 'toolkit';
19
+ @import 'singularitygs';
20
+
21
+ ////////////////////////
22
+ // Private Imports
23
+ ////////////////////////
24
+ @import 'variables';
25
+ @import 'functions';
26
+ @import 'mixins';
27
+ @import 'extendables';
@@ -0,0 +1,70 @@
1
+ description "Responsive Web Design Kickstart"
2
+
3
+ # Stylesheets
4
+ file '../shared/style.scss', :like => :stylesheet, :media => 'screen, projection', :to => 'style.scss'
5
+
6
+ file '_base.scss', :like => :stylesheet, :to => 'partials/global/_base.scss'
7
+ file '../shared/_variables.scss', :like => :stylesheet, :to => 'partials/global/_variables.scss'
8
+ file '../shared/_functions.scss', :like => :stylesheet, :to => 'partials/global/_functions.scss'
9
+ file '../shared/_mixins.scss', :like => :stylesheet, :to => 'partials/global/_mixins.scss'
10
+ file '../shared/_extendables.scss', :like => :stylesheet, :to => 'partials/global/_extendables.scss'
11
+
12
+ file '../shared/_style-guide.scss', :like => :stylesheet, :to => 'partials/styleguide/_style-guide.scss'
13
+
14
+ file '../shared/_layout.scss', :like => :stylesheet, :to => 'partials/layout/_layout.scss'
15
+ file '../shared/_ie-layout.scss', :like => :stylesheet, :to => 'partials/layout/_ie-layout.scss'
16
+ file '../shared/_print-layout.scss', :like => :stylesheet, :to => 'partials/layout/_print-layout.scss'
17
+
18
+ file '../shared/_design.scss', :like => :stylesheet, :to => 'partials/design/_design.scss'
19
+ file '../shared/_ie-design.scss', :like => :stylesheet, :to => 'partials/design/_ie-design.scss'
20
+ file '../shared/_print-design.scss', :like => :stylesheet, :to => 'partials/design/_print-design.scss'
21
+
22
+ file '../shared/print.scss', :like => :stylesheet, :media => 'print', :to => 'print.scss'
23
+ file '../shared/ie.scss', :like => :stylesheet, :media => 'screen, projection', :condition => "lt IE 8", :to => 'ie.scss'
24
+
25
+ # JavaScript
26
+ file '../shared/hammer.js', :like => :javascript, :to => 'hammer.js'
27
+ file '../shared/loader.js', :like => :javascript, :to => 'loader.js'
28
+ file '../shared/modernizr-2.5.3.js', :like => :javascript, :to => 'modernizr-2.5.3.js'
29
+
30
+ help %Q{
31
+ Please contact Sam Richard or Mason Wendell with questions:
32
+
33
+ sam@snug.ug
34
+ mason@zivtech.com
35
+ }
36
+
37
+ welcome_message %Q{
38
+
39
+ Responsive Web Design Kickstart
40
+
41
+ Welcome to the Responsive Web Design Kickstart gem! Provided are the basic tools needed to kickstart a custom Responsive Web Design solution tailor made to your needs! Remember, tools and best practices are always changing, so keep up to date!
42
+
43
+ The following is included in this build:
44
+ Compass Extensions:
45
+ * Singularity
46
+ * Toolkit
47
+
48
+ JavaScript:
49
+ * Modernizr Custom Build with all Standard features of 2.3.5 except html5shiv w/printshiv or Media Queries. Build your own from http://modernizr.com/download/ when you are ready for production
50
+ * Loader.js custom JavaScript file for holding conditional asset loading scripts thanks to Modernizr's yepnope (http://yepnopejs.com/). Comes with yepnope code for loading in Hammer.js, just make sure the path is correct from root.. Ready for production, but remember to minify and gzip!
51
+ * Hammer.js (http://eightmedia.github.com/hammer.js/) for awesome touch events. Ready for production, but remember to minify and gzip!
52
+
53
+ Include the following in your <head> tag:
54
+
55
+ <meta content='width=device-width, initial-scale=1.0' name='viewport' />
56
+ <meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible' />
57
+ <!--[if lt IE 9 ]> <script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.2/CFInstall.min.js"></script><script>window.attachEvent("onload",function(){CFInstall.check({mode:"overlay"})})</script> <![endif]-->
58
+ <!-- CSS -->
59
+ <link href='path/to/css/style.css?v=1' rel='stylesheet' />
60
+ <!-- All JavaScript at the bottom, except for Modernizr and Respond/Selectivizr for IE 8 and Below. -->
61
+ <script src='path/to/js/modernizr-2.5.3.js'></script>
62
+
63
+ Include the following, and all other JavaScript, including any JavaScript frameworks you may be using like jQuery, right before your closing </body> tag:
64
+
65
+ <!-- Javascript at the bottom for fast page loading -->
66
+ <script src='path/to/js/loader.js'></script>
67
+
68
+
69
+ }
70
+
@@ -0,0 +1,28 @@
1
+ ////////////////////////
2
+ // Base Partials
3
+ //
4
+ // These files will be shared across all three of your output
5
+ // CSS files. Generally included here are only Compass Extension
6
+ // imports and imports for variables, functions, mixins, and extendables.
7
+ ////////////////////////
8
+
9
+ ////////////////////////
10
+ // Compass Imports
11
+ //
12
+ // Toolkit include @import 'compass' so you don't need to.
13
+ ////////////////////////
14
+
15
+ ////////////////////////
16
+ // Compass Extensions
17
+ ////////////////////////
18
+ @import 'toolkit';
19
+ @import 'singularitygs';
20
+ @import 'respond-to';
21
+
22
+ ////////////////////////
23
+ // Private Imports
24
+ ////////////////////////
25
+ @import 'variables';
26
+ @import 'functions';
27
+ @import 'mixins';
28
+ @import 'extendables';
@@ -0,0 +1,71 @@
1
+ description "Responsive Web Design Kickstart"
2
+
3
+ # Stylesheets
4
+ file '../shared/style.scss', :like => :stylesheet, :media => 'screen, projection', :to => 'style.scss'
5
+
6
+ file '_base.scss', :like => :stylesheet, :to => 'partials/global/_base.scss'
7
+ file '../shared/_variables.scss', :like => :stylesheet, :to => 'partials/global/_variables.scss'
8
+ file '../shared/_functions.scss', :like => :stylesheet, :to => 'partials/global/_functions.scss'
9
+ file '../shared/_mixins.scss', :like => :stylesheet, :to => 'partials/global/_mixins.scss'
10
+ file '../shared/_extendables.scss', :like => :stylesheet, :to => 'partials/global/_extendables.scss'
11
+
12
+ file '../shared/_style-guide.scss', :like => :stylesheet, :to => 'partials/styleguide/_style-guide.scss'
13
+
14
+ file '../shared/_layout.scss', :like => :stylesheet, :to => 'partials/layout/_layout.scss'
15
+ file '../shared/_ie-layout.scss', :like => :stylesheet, :to => 'partials/layout/_ie-layout.scss'
16
+ file '../shared/_print-layout.scss', :like => :stylesheet, :to => 'partials/layout/_print-layout.scss'
17
+
18
+ file '../shared/_design.scss', :like => :stylesheet, :to => 'partials/design/_design.scss'
19
+ file '../shared/_ie-design.scss', :like => :stylesheet, :to => 'partials/design/_ie-design.scss'
20
+ file '../shared/_print-design.scss', :like => :stylesheet, :to => 'partials/design/_print-design.scss'
21
+
22
+ file '../shared/print.scss', :like => :stylesheet, :media => 'print', :to => 'print.scss'
23
+ file '../shared/ie.scss', :like => :stylesheet, :media => 'screen, projection', :condition => "lt IE 8", :to => 'ie.scss'
24
+
25
+ # JavaScript
26
+ file '../shared/hammer.js', :like => :javascript, :to => 'hammer.js'
27
+ file '../shared/loader.js', :like => :javascript, :to => 'loader.js'
28
+ file '../shared/modernizr-2.5.3.js', :like => :javascript, :to => 'modernizr-2.5.3.js'
29
+
30
+ help %Q{
31
+ Please contact Sam Richard or Mason Wendell with questions:
32
+
33
+ sam@snug.ug
34
+ mason@zivtech.com
35
+ }
36
+
37
+ welcome_message %Q{
38
+
39
+ Responsive Web Design Kickstart
40
+
41
+ Welcome to the Responsive Web Design Kickstart gem! Provided are the basic tools needed to kickstart a custom Responsive Web Design solution tailor made to your needs! Remember, tools and best practices are always changing, so keep up to date!
42
+
43
+ The following is included in this build:
44
+ Compass Extensions:
45
+ * Singularity
46
+ * Toolkit
47
+ * Respond-to
48
+
49
+ JavaScript:
50
+ * Modernizr Custom Build with all Standard features of 2.3.5 except html5shiv w/printshiv or Media Queries. Build your own from http://modernizr.com/download/ when you are ready for production
51
+ * Loader.js custom JavaScript file for holding conditional asset loading scripts thanks to Modernizr's yepnope (http://yepnopejs.com/). Comes with yepnope code for loading in Hammer.js, just make sure the path is correct from root.. Ready for production, but remember to minify and gzip!
52
+ * Hammer.js (http://eightmedia.github.com/hammer.js/) for awesome touch events. Ready for production, but remember to minify and gzip!
53
+
54
+ Include the following in your <head> tag:
55
+
56
+ <meta content='width=device-width, initial-scale=1.0' name='viewport' />
57
+ <meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible' />
58
+ <!--[if lt IE 9 ]> <script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.2/CFInstall.min.js"></script><script>window.attachEvent("onload",function(){CFInstall.check({mode:"overlay"})})</script> <![endif]-->
59
+ <!-- CSS -->
60
+ <link href='path/to/css/style.css?v=1' rel='stylesheet' />
61
+ <!-- All JavaScript at the bottom, except for Modernizr and Respond/Selectivizr for IE 8 and Below. -->
62
+ <script src='path/to/js/modernizr-2.5.3.js'></script>
63
+
64
+ Include the following, and all other JavaScript, including any JavaScript frameworks you may be using like jQuery, right before your closing </body> tag:
65
+
66
+ <!-- Javascript at the bottom for fast page loading -->
67
+ <script src='path/to/js/loader.js'></script>
68
+
69
+
70
+ }
71
+
metadata CHANGED
@@ -5,8 +5,8 @@ version: !ruby/object:Gem::Version
5
5
  segments:
6
6
  - 0
7
7
  - 1
8
- - 7
9
- version: 0.1.7
8
+ - 9
9
+ version: 0.1.9
10
10
  platform: ruby
11
11
  authors:
12
12
  - Sam Richard
@@ -15,7 +15,7 @@ autorequire:
15
15
  bindir: bin
16
16
  cert_chain: []
17
17
 
18
- date: 2011-07-11 00:00:00 -04:00
18
+ date: 2011-07-27 00:00:00 -04:00
19
19
  default_executable:
20
20
  dependencies:
21
21
  - !ruby/object:Gem::Dependency
@@ -61,6 +61,20 @@ dependencies:
61
61
  version: 2.0.2
62
62
  type: :runtime
63
63
  version_requirements: *id003
64
+ - !ruby/object:Gem::Dependency
65
+ name: singularitygs
66
+ prerelease: false
67
+ requirement: &id004 !ruby/object:Gem::Requirement
68
+ requirements:
69
+ - - ">="
70
+ - !ruby/object:Gem::Version
71
+ segments:
72
+ - 0
73
+ - 0
74
+ - 8
75
+ version: 0.0.8
76
+ type: :runtime
77
+ version_requirements: *id004
64
78
  description: Toolkit of good things for Responsive Web Design
65
79
  email:
66
80
  - sam@snug.ug
@@ -75,6 +89,7 @@ files:
75
89
  - lib/toolkit.rb
76
90
  - stylesheets/_toolkit.scss
77
91
  - stylesheets/toolkit/_border-box.scss
92
+ - stylesheets/toolkit/_clearfix.scss
78
93
  - stylesheets/toolkit/_fluid-media.scss
79
94
  - stylesheets/toolkit/_pe.scss
80
95
  - templates/project/_base.scss
@@ -98,6 +113,10 @@ files:
98
113
  - templates/shared/modernizr-2.5.3.js
99
114
  - templates/shared/print.scss
100
115
  - templates/shared/style.scss
116
+ - templates/singularity/_base.scss
117
+ - templates/singularity/manifest.rb
118
+ - templates/singularity-respond-to/_base.scss
119
+ - templates/singularity-respond-to/manifest.rb
101
120
  has_rdoc: true
102
121
  homepage: https://github.com/Snugug/toolkit
103
122
  licenses: []