toolkit 0.1.7 → 0.1.9

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.
Files changed (8) hide show
  1. data/lib/toolkit.rb +1 -0
  2. data/stylesheets/_toolkit.scss +6 -1
  3. data/stylesheets/toolkit/_clearfix.scss +61 -0
  4. data/templates/singularity/_base.scss +27 -0
  5. data/templates/singularity/manifest.rb +70 -0
  6. data/templates/singularity-respond-to/_base.scss +28 -0
  7. data/templates/singularity-respond-to/manifest.rb +71 -0
  8. metadata +22 -3
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)
data/stylesheets/_toolkit.scss CHANGED
@@ -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';
data/stylesheets/toolkit/_clearfix.scss ADDED
@@ -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
+ }
data/templates/singularity/_base.scss ADDED
@@ -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';
data/templates/singularity/manifest.rb ADDED
@@ -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
+
data/templates/singularity-respond-to/_base.scss ADDED
@@ -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';
data/templates/singularity-respond-to/manifest.rb ADDED
@@ -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: []