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 +1 -0
- data/stylesheets/_toolkit.scss +6 -1
- data/stylesheets/toolkit/_clearfix.scss +61 -0
- data/templates/singularity/_base.scss +27 -0
- data/templates/singularity/manifest.rb +70 -0
- data/templates/singularity-respond-to/_base.scss +28 -0
- data/templates/singularity-respond-to/manifest.rb +71 -0
- metadata +22 -3
data/lib/toolkit.rb
CHANGED
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';
|
@@ -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
|
-
-
|
9
|
-
version: 0.1.
|
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-
|
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: []
|