toolkit 1.3.8 → 2.0.0.alpha.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -7
- data/lib/toolkit.rb +1 -13
- data/stylesheets/_toolkit.scss +12 -68
- data/stylesheets/toolkit/_clearfix.scss +11 -95
- data/stylesheets/toolkit/_colors.scss +89 -1
- data/stylesheets/toolkit/_element-query.scss +13 -5
- data/stylesheets/toolkit/_fonts.scss +26 -8
- data/stylesheets/toolkit/_intrinsic-ratio.scss +15 -10
- data/stylesheets/toolkit/_kickstart.scss +14 -0
- data/stylesheets/toolkit/_nested-context.scss +8 -7
- data/stylesheets/toolkit/_pe.scss +19 -226
- data/stylesheets/toolkit/_selectors.scss +0 -25
- data/stylesheets/toolkit/_settings.scss +90 -0
- data/stylesheets/toolkit/_triangle.scss +7 -2
- data/stylesheets/toolkit/_viewport.scss +6 -16
- metadata +46 -105
- data/stylesheets/_toolkit-no-css.scss +0 -69
- data/stylesheets/toolkit/_border-box.scss +0 -6
- data/stylesheets/toolkit/_box-sizing.scss +0 -42
- data/stylesheets/toolkit/_carousel.scss +0 -155
- data/stylesheets/toolkit/_children-of-ie.scss +0 -26
- data/stylesheets/toolkit/_colours.scss +0 -102
- data/stylesheets/toolkit/_debug.scss +0 -25
- data/stylesheets/toolkit/_equal-height-columns.scss +0 -56
- data/stylesheets/toolkit/_fluid-media.scss +0 -7
- data/stylesheets/toolkit/_vertical-center.scss +0 -23
- data/templates/box-sizing/behaviors/box-sizing/boxsizing.htc +0 -399
- data/templates/box-sizing/behaviors/box-sizing/boxsizing.php +0 -23
- data/templates/box-sizing/manifest.rb +0 -4
- data/templates/project/_base.scss +0 -26
- data/templates/project/manifest.rb +0 -57
- data/templates/rwd/_base.scss +0 -27
- data/templates/rwd/manifest.rb +0 -60
- data/templates/shared/_design.scss +0 -9
- data/templates/shared/_extendables.scss +0 -6
- data/templates/shared/_functions.scss +0 -5
- data/templates/shared/_ie-design.scss +0 -9
- data/templates/shared/_ie-layout.scss +0 -9
- data/templates/shared/_layout.scss +0 -9
- data/templates/shared/_mixins.scss +0 -5
- data/templates/shared/_print-design.scss +0 -9
- data/templates/shared/_print-layout.scss +0 -9
- data/templates/shared/_style-guide.scss +0 -10
- data/templates/shared/_variables.scss +0 -5
- data/templates/shared/ie.scss +0 -32
- data/templates/shared/print.scss +0 -28
- data/templates/shared/style.scss +0 -31
@@ -2,25 +2,15 @@
|
|
2
2
|
// CSS level 4 Viewport
|
3
3
|
// http://dev.w3.org/csswg/css-device-adapt/#the-atviewport-rule
|
4
4
|
//////////////////////////////
|
5
|
-
$experimental-suport-for-webkit: true !default;
|
6
|
-
$experimental-support-for-mozilla: true !default;
|
7
|
-
$experimental-support-for-microsoft: true !default;
|
8
|
-
|
9
5
|
@mixin viewport {
|
10
|
-
|
11
|
-
|
12
|
-
@content;
|
13
|
-
}
|
6
|
+
@-webkit-viewport {
|
7
|
+
@content;
|
14
8
|
}
|
15
|
-
|
16
|
-
|
17
|
-
@content;
|
18
|
-
}
|
9
|
+
@-moz-viewport {
|
10
|
+
@content;
|
19
11
|
}
|
20
|
-
|
21
|
-
|
22
|
-
@content;
|
23
|
-
}
|
12
|
+
@-ms-viewport {
|
13
|
+
@content;
|
24
14
|
}
|
25
15
|
@viewport {
|
26
16
|
@content;
|
metadata
CHANGED
@@ -1,152 +1,93 @@
|
|
1
|
-
--- !ruby/object:Gem::Specification
|
1
|
+
--- !ruby/object:Gem::Specification
|
2
2
|
name: toolkit
|
3
|
-
version: !ruby/object:Gem::Version
|
4
|
-
version:
|
3
|
+
version: !ruby/object:Gem::Version
|
4
|
+
version: 2.0.0.alpha.1
|
5
5
|
platform: ruby
|
6
|
-
authors:
|
6
|
+
authors:
|
7
7
|
- Sam Richard
|
8
8
|
- Scott Kellum
|
9
9
|
- Mason Wendell
|
10
10
|
autorequire:
|
11
11
|
bindir: bin
|
12
12
|
cert_chain: []
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
- !ruby/object:Gem::Version
|
23
|
-
version: 0.12.2
|
24
|
-
type: :runtime
|
25
|
-
version_requirements: *id001
|
26
|
-
- !ruby/object:Gem::Dependency
|
27
|
-
name: singularitygs
|
28
|
-
prerelease: false
|
29
|
-
requirement: &id002 !ruby/object:Gem::Requirement
|
30
|
-
requirements:
|
31
|
-
- - ">="
|
32
|
-
- !ruby/object:Gem::Version
|
33
|
-
version: 1.1.2
|
13
|
+
date: 2014-01-14 00:00:00.000000000 Z
|
14
|
+
dependencies:
|
15
|
+
- !ruby/object:Gem::Dependency
|
16
|
+
name: sass
|
17
|
+
requirement: !ruby/object:Gem::Requirement
|
18
|
+
requirements:
|
19
|
+
- - ~>
|
20
|
+
- !ruby/object:Gem::Version
|
21
|
+
version: 3.3.0.rc.2
|
34
22
|
type: :runtime
|
35
|
-
version_requirements: *id002
|
36
|
-
- !ruby/object:Gem::Dependency
|
37
|
-
name: breakpoint
|
38
23
|
prerelease: false
|
39
|
-
|
40
|
-
requirements:
|
41
|
-
- -
|
42
|
-
- !ruby/object:Gem::Version
|
43
|
-
version:
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
- - ">="
|
52
|
-
- !ruby/object:Gem::Version
|
53
|
-
version: 1.0.0
|
24
|
+
version_requirements: !ruby/object:Gem::Requirement
|
25
|
+
requirements:
|
26
|
+
- - ~>
|
27
|
+
- !ruby/object:Gem::Version
|
28
|
+
version: 3.3.0.rc.2
|
29
|
+
- !ruby/object:Gem::Dependency
|
30
|
+
name: compass
|
31
|
+
requirement: !ruby/object:Gem::Requirement
|
32
|
+
requirements:
|
33
|
+
- - ~>
|
34
|
+
- !ruby/object:Gem::Version
|
35
|
+
version: 1.0.0.alpha.17
|
54
36
|
type: :runtime
|
55
|
-
version_requirements: *id004
|
56
|
-
- !ruby/object:Gem::Dependency
|
57
|
-
name: color-schemer
|
58
37
|
prerelease: false
|
59
|
-
|
60
|
-
requirements:
|
61
|
-
- -
|
62
|
-
- !ruby/object:Gem::Version
|
63
|
-
version: 0.
|
64
|
-
type: :runtime
|
65
|
-
version_requirements: *id005
|
38
|
+
version_requirements: !ruby/object:Gem::Requirement
|
39
|
+
requirements:
|
40
|
+
- - ~>
|
41
|
+
- !ruby/object:Gem::Version
|
42
|
+
version: 1.0.0.alpha.17
|
66
43
|
description: Toolkit for Progressive Enhancement and Responsive Web Design
|
67
|
-
email:
|
44
|
+
email:
|
68
45
|
- sam@snug.ug
|
69
46
|
- scott@scottkellum.com
|
70
47
|
- mason@zivtech.com
|
71
48
|
executables: []
|
72
|
-
|
73
49
|
extensions: []
|
74
|
-
|
75
50
|
extra_rdoc_files: []
|
76
|
-
|
77
|
-
files:
|
51
|
+
files:
|
78
52
|
- lib/toolkit.rb
|
79
|
-
- stylesheets/_toolkit-no-css.scss
|
80
53
|
- stylesheets/_toolkit.scss
|
81
|
-
- stylesheets/toolkit/_border-box.scss
|
82
|
-
- stylesheets/toolkit/_box-sizing.scss
|
83
|
-
- stylesheets/toolkit/_carousel.scss
|
84
|
-
- stylesheets/toolkit/_children-of-ie.scss
|
85
54
|
- stylesheets/toolkit/_clearfix.scss
|
86
55
|
- stylesheets/toolkit/_colors.scss
|
87
|
-
- stylesheets/toolkit/_colours.scss
|
88
|
-
- stylesheets/toolkit/_debug.scss
|
89
56
|
- stylesheets/toolkit/_element-query.scss
|
90
|
-
- stylesheets/toolkit/_equal-height-columns.scss
|
91
|
-
- stylesheets/toolkit/_fluid-media.scss
|
92
57
|
- stylesheets/toolkit/_fonts.scss
|
93
58
|
- stylesheets/toolkit/_intrinsic-ratio.scss
|
59
|
+
- stylesheets/toolkit/_kickstart.scss
|
94
60
|
- stylesheets/toolkit/_nested-context.scss
|
95
61
|
- stylesheets/toolkit/_pe.scss
|
96
62
|
- stylesheets/toolkit/_properties.scss
|
97
63
|
- stylesheets/toolkit/_selectors.scss
|
64
|
+
- stylesheets/toolkit/_settings.scss
|
98
65
|
- stylesheets/toolkit/_triangle.scss
|
99
|
-
- stylesheets/toolkit/_vertical-center.scss
|
100
66
|
- stylesheets/toolkit/_viewport.scss
|
101
|
-
- templates/box-sizing/behaviors/box-sizing/boxsizing.htc
|
102
|
-
- templates/box-sizing/behaviors/box-sizing/boxsizing.php
|
103
|
-
- templates/box-sizing/manifest.rb
|
104
|
-
- templates/project/_base.scss
|
105
|
-
- templates/project/manifest.rb
|
106
|
-
- templates/rwd/_base.scss
|
107
|
-
- templates/rwd/manifest.rb
|
108
|
-
- templates/shared/_design.scss
|
109
|
-
- templates/shared/_extendables.scss
|
110
|
-
- templates/shared/_functions.scss
|
111
|
-
- templates/shared/_ie-design.scss
|
112
|
-
- templates/shared/_ie-layout.scss
|
113
|
-
- templates/shared/_layout.scss
|
114
|
-
- templates/shared/_mixins.scss
|
115
|
-
- templates/shared/_print-design.scss
|
116
|
-
- templates/shared/_print-layout.scss
|
117
|
-
- templates/shared/_style-guide.scss
|
118
|
-
- templates/shared/_variables.scss
|
119
|
-
- templates/shared/ie.scss
|
120
|
-
- templates/shared/print.scss
|
121
|
-
- templates/shared/style.scss
|
122
67
|
- LICENSE.txt
|
123
68
|
homepage: https://github.com/Snugug/toolkit
|
124
|
-
licenses:
|
69
|
+
licenses:
|
125
70
|
- MIT
|
126
71
|
- GPL
|
127
72
|
metadata: {}
|
128
|
-
|
129
73
|
post_install_message:
|
130
74
|
rdoc_options: []
|
131
|
-
|
132
|
-
require_paths:
|
75
|
+
require_paths:
|
133
76
|
- lib
|
134
|
-
required_ruby_version: !ruby/object:Gem::Requirement
|
135
|
-
requirements:
|
136
|
-
- -
|
137
|
-
- !ruby/object:Gem::Version
|
138
|
-
version:
|
139
|
-
required_rubygems_version: !ruby/object:Gem::Requirement
|
140
|
-
requirements:
|
141
|
-
- -
|
142
|
-
- !ruby/object:Gem::Version
|
143
|
-
version:
|
77
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
78
|
+
requirements:
|
79
|
+
- - '>='
|
80
|
+
- !ruby/object:Gem::Version
|
81
|
+
version: '0'
|
82
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
83
|
+
requirements:
|
84
|
+
- - '>='
|
85
|
+
- !ruby/object:Gem::Version
|
86
|
+
version: '1.2'
|
144
87
|
requirements: []
|
145
|
-
|
146
88
|
rubyforge_project: toolkit
|
147
89
|
rubygems_version: 2.0.3
|
148
90
|
signing_key:
|
149
91
|
specification_version: 4
|
150
92
|
summary: Progressive Enhancement and RWD toolkit of awesomeness
|
151
93
|
test_files: []
|
152
|
-
|
@@ -1,69 +0,0 @@
|
|
1
|
-
////////////////////////
|
2
|
-
// Compass Imports
|
3
|
-
////////////////////////
|
4
|
-
@import 'compass';
|
5
|
-
|
6
|
-
////////////////////////
|
7
|
-
// Import Border Box Awesomesauce
|
8
|
-
////////////////////////
|
9
|
-
@import 'toolkit/box-sizing';
|
10
|
-
|
11
|
-
////////////////////////
|
12
|
-
// Import Intrinsic Ratio
|
13
|
-
////////////////////////
|
14
|
-
@import 'toolkit/intrinsic-ratio';
|
15
|
-
|
16
|
-
////////////////////////
|
17
|
-
// Import Nested Context
|
18
|
-
////////////////////////
|
19
|
-
@import 'toolkit/nested-context';
|
20
|
-
|
21
|
-
////////////////////////
|
22
|
-
// Import Progressive Enhancement
|
23
|
-
////////////////////////
|
24
|
-
@import 'toolkit/pe';
|
25
|
-
|
26
|
-
//////////////////////////////
|
27
|
-
// Import Clearfix
|
28
|
-
//////////////////////////////
|
29
|
-
@import 'toolkit/clearfix';
|
30
|
-
|
31
|
-
//////////////////////////////
|
32
|
-
// Import Vertical Center
|
33
|
-
//////////////////////////////
|
34
|
-
@import 'toolkit/vertical-center';
|
35
|
-
|
36
|
-
//////////////////////////////
|
37
|
-
// Import Color Helpers
|
38
|
-
//////////////////////////////
|
39
|
-
@import 'toolkit/colours';
|
40
|
-
|
41
|
-
//////////////////////////////
|
42
|
-
// Import Triangle
|
43
|
-
//////////////////////////////
|
44
|
-
@import 'toolkit/triangle';
|
45
|
-
|
46
|
-
//////////////////////////////
|
47
|
-
// Import Selector Awesomeness
|
48
|
-
//////////////////////////////
|
49
|
-
@import "toolkit/selectors";
|
50
|
-
|
51
|
-
//////////////////////////////
|
52
|
-
// Import Equal Height Columns
|
53
|
-
//////////////////////////////
|
54
|
-
@import "toolkit/equal-height-columns";
|
55
|
-
|
56
|
-
//////////////////////////////
|
57
|
-
// Import Fonts
|
58
|
-
//////////////////////////////
|
59
|
-
@import "toolkit/fonts";
|
60
|
-
|
61
|
-
//////////////////////////////
|
62
|
-
// Viewport
|
63
|
-
//////////////////////////////
|
64
|
-
@import "toolkit/viewport";
|
65
|
-
|
66
|
-
//////////////////////////////
|
67
|
-
// Element Query
|
68
|
-
//////////////////////////////
|
69
|
-
@import "toolkit/element-query";
|
@@ -1,42 +0,0 @@
|
|
1
|
-
@import "compass/css3/shared";
|
2
|
-
|
3
|
-
$legacy-support-for-ie6: true !default;
|
4
|
-
$legacy-support-for-ie7: true !default;
|
5
|
-
|
6
|
-
$box-sizing-extend: true !default;
|
7
|
-
$toolkit-box-sizing: true;
|
8
|
-
|
9
|
-
//////////////////////////////
|
10
|
-
// Updated Box Sizing mixin, allowing for behavior support
|
11
|
-
//////////////////////////////
|
12
|
-
@mixin box-sizing($bs, $extend: $box-sizing-extend) {
|
13
|
-
@if $extend and $bs == 'border-box' {
|
14
|
-
@extend %border-box;
|
15
|
-
}
|
16
|
-
@else if $extend and $bs == 'content-box' {
|
17
|
-
@extend %content-box;
|
18
|
-
}
|
19
|
-
@else {
|
20
|
-
$bs: unquote($bs);
|
21
|
-
@include experimental(box-sizing, $bs,
|
22
|
-
-moz, -webkit, not -o, not -ms, not -khtml, official
|
23
|
-
);
|
24
|
-
|
25
|
-
@if $bs == 'border-box' {
|
26
|
-
@if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
|
27
|
-
*behavior: stylesheet-url("../behaviors/box-sizing/boxsizing.php");
|
28
|
-
}
|
29
|
-
}
|
30
|
-
@else {
|
31
|
-
*behavior: none;
|
32
|
-
}
|
33
|
-
}
|
34
|
-
}
|
35
|
-
|
36
|
-
%border-box {
|
37
|
-
@include box-sizing('border-box', false);
|
38
|
-
}
|
39
|
-
|
40
|
-
%content-box {
|
41
|
-
@include box-sizing('content-box', false);
|
42
|
-
}
|
@@ -1,155 +0,0 @@
|
|
1
|
-
//////////////////////////////
|
2
|
-
// Import Compass CSS3 Animation
|
3
|
-
//////////////////////////////
|
4
|
-
@import "compass/css3/animation";
|
5
|
-
|
6
|
-
//////////////////////////////
|
7
|
-
// Carousel Default Variables
|
8
|
-
//////////////////////////////
|
9
|
-
$css-carousel-slider: '> ul';
|
10
|
-
$css-carousel-slide: '> li';
|
11
|
-
$css-carousel-animation: 'carousel';
|
12
|
-
$css-carousel-duration: 30s;
|
13
|
-
$css-carousel-extend: true;
|
14
|
-
|
15
|
-
$css-carousel-action: 'reverse';
|
16
|
-
$css-carousel-speed: 5;
|
17
|
-
|
18
|
-
//////////////////////////////
|
19
|
-
// Carousel Component
|
20
|
-
//////////////////////////////
|
21
|
-
// Carousel Basics
|
22
|
-
@mixin css-carousel-basics($extend: $css-carousel-extend) {
|
23
|
-
@if $extend {
|
24
|
-
@extend %css-carousel-basics;
|
25
|
-
}
|
26
|
-
@else {
|
27
|
-
overflow: hidden;
|
28
|
-
width: 100%;
|
29
|
-
|
30
|
-
img {
|
31
|
-
display: block;
|
32
|
-
width: 100%;
|
33
|
-
max-width: 100%;
|
34
|
-
height: auto;
|
35
|
-
}
|
36
|
-
}
|
37
|
-
}
|
38
|
-
|
39
|
-
// Carousel List
|
40
|
-
@mixin css-carousel-slider($extend: $css-carousel-extend) {
|
41
|
-
@if $extend {
|
42
|
-
@extend %css-carousel-slider;
|
43
|
-
}
|
44
|
-
@else {
|
45
|
-
list-style: none;
|
46
|
-
margin: 0;
|
47
|
-
padding: 0;
|
48
|
-
position: relative;
|
49
|
-
overflow: hidden;
|
50
|
-
}
|
51
|
-
}
|
52
|
-
|
53
|
-
// Carousel Slide
|
54
|
-
@mixin css-carousel-slide($extend: $css-carousel-extend) {
|
55
|
-
@if $extend {
|
56
|
-
@extend %css-carousel-slide;
|
57
|
-
}
|
58
|
-
@else {
|
59
|
-
position: relative;
|
60
|
-
float: left;
|
61
|
-
}
|
62
|
-
}
|
63
|
-
|
64
|
-
// List sizing, for changing only the size of the carousel
|
65
|
-
@mixin css-carousel-size($items, $slider: $css-carousel-slider, $slide: $css-carousel-slide) {
|
66
|
-
#{$slider} {
|
67
|
-
width: 100% * $items;
|
68
|
-
|
69
|
-
#{$slide} {
|
70
|
-
width: 100% / $items;
|
71
|
-
}
|
72
|
-
}
|
73
|
-
}
|
74
|
-
|
75
|
-
// Animation wrapped in slider
|
76
|
-
@mixin css-carousel-slider-animation($animation: $css-carousel-animation, $duration: $css-carousel-duration, $slider: $css-carousel-slider) {
|
77
|
-
#{$slider} {
|
78
|
-
@include animation(unquote($animation) $duration infinite);
|
79
|
-
}
|
80
|
-
}
|
81
|
-
|
82
|
-
// Carousel Component
|
83
|
-
@mixin css-carousel-component($items, $slider: $css-carousel-slider, $slide: $css-carousel-slide, $animation: $css-carousel-animation, $duration: $css-carousel-duration, $extend: $css-carousel-extend) {
|
84
|
-
|
85
|
-
@include css-carousel-basics($extend);
|
86
|
-
|
87
|
-
@include css-carousel-size($items, $slider, $slide);
|
88
|
-
|
89
|
-
#{$slider} {
|
90
|
-
@include css-carousel-slider($extend);
|
91
|
-
|
92
|
-
#{$slide} {
|
93
|
-
@include css-carousel-slide($extend);
|
94
|
-
}
|
95
|
-
}
|
96
|
-
|
97
|
-
@include css-carousel-slider-animation($animation, $duration, $slider);
|
98
|
-
}
|
99
|
-
|
100
|
-
// Carousel Extends
|
101
|
-
%css-carousel-basics {
|
102
|
-
@include css-carousel-basics(false);
|
103
|
-
}
|
104
|
-
|
105
|
-
%css-carousel-slider {
|
106
|
-
@include css-carousel-slider(false);
|
107
|
-
}
|
108
|
-
|
109
|
-
%css-carousel-slide {
|
110
|
-
@include css-carousel-slide(false);
|
111
|
-
}
|
112
|
-
|
113
|
-
//////////////////////////////
|
114
|
-
// Carousel Animation
|
115
|
-
//////////////////////////////
|
116
|
-
@mixin css-carousel-animation($items, $action: $css-carousel-action, $speed: $css-carousel-speed, $name: $css-carousel-animation) {
|
117
|
-
$increment: 0;
|
118
|
-
|
119
|
-
@if $action == 'reverse' {
|
120
|
-
$increment: 100 / (2 * ($items - 1)) * 1%;
|
121
|
-
}
|
122
|
-
@else if $action == 'start' {
|
123
|
-
$increment: 100 / (($items)) * 1%;
|
124
|
-
}
|
125
|
-
|
126
|
-
$speed: $increment - ($speed * 1%);
|
127
|
-
|
128
|
-
$counter: 0%;
|
129
|
-
$offset: 0;
|
130
|
-
|
131
|
-
@include keyframes($name) {
|
132
|
-
@for $i from 0 through $items - 1 {
|
133
|
-
$counter: $increment * $i;
|
134
|
-
$offset: -100% * $i;
|
135
|
-
|
136
|
-
#{$counter} {left: $offset}
|
137
|
-
#{$counter + $speed} {left: $offset};
|
138
|
-
}
|
139
|
-
@if $action == 'reverse' {
|
140
|
-
@for $i from -1 * ($items - 2) through 0 {
|
141
|
-
$counter: $counter + $increment;
|
142
|
-
$offset: -100% * abs($i);
|
143
|
-
|
144
|
-
#{$counter} {left: $offset}
|
145
|
-
|
146
|
-
@if $i != 0 {
|
147
|
-
#{$counter + $speed} {left: $offset};
|
148
|
-
}
|
149
|
-
}
|
150
|
-
}
|
151
|
-
@else if $action == 'start' {
|
152
|
-
100% {left: 0};
|
153
|
-
}
|
154
|
-
}
|
155
|
-
}
|