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.
Files changed (47) hide show
  1. checksums.yaml +7 -7
  2. data/lib/toolkit.rb +1 -13
  3. data/stylesheets/_toolkit.scss +12 -68
  4. data/stylesheets/toolkit/_clearfix.scss +11 -95
  5. data/stylesheets/toolkit/_colors.scss +89 -1
  6. data/stylesheets/toolkit/_element-query.scss +13 -5
  7. data/stylesheets/toolkit/_fonts.scss +26 -8
  8. data/stylesheets/toolkit/_intrinsic-ratio.scss +15 -10
  9. data/stylesheets/toolkit/_kickstart.scss +14 -0
  10. data/stylesheets/toolkit/_nested-context.scss +8 -7
  11. data/stylesheets/toolkit/_pe.scss +19 -226
  12. data/stylesheets/toolkit/_selectors.scss +0 -25
  13. data/stylesheets/toolkit/_settings.scss +90 -0
  14. data/stylesheets/toolkit/_triangle.scss +7 -2
  15. data/stylesheets/toolkit/_viewport.scss +6 -16
  16. metadata +46 -105
  17. data/stylesheets/_toolkit-no-css.scss +0 -69
  18. data/stylesheets/toolkit/_border-box.scss +0 -6
  19. data/stylesheets/toolkit/_box-sizing.scss +0 -42
  20. data/stylesheets/toolkit/_carousel.scss +0 -155
  21. data/stylesheets/toolkit/_children-of-ie.scss +0 -26
  22. data/stylesheets/toolkit/_colours.scss +0 -102
  23. data/stylesheets/toolkit/_debug.scss +0 -25
  24. data/stylesheets/toolkit/_equal-height-columns.scss +0 -56
  25. data/stylesheets/toolkit/_fluid-media.scss +0 -7
  26. data/stylesheets/toolkit/_vertical-center.scss +0 -23
  27. data/templates/box-sizing/behaviors/box-sizing/boxsizing.htc +0 -399
  28. data/templates/box-sizing/behaviors/box-sizing/boxsizing.php +0 -23
  29. data/templates/box-sizing/manifest.rb +0 -4
  30. data/templates/project/_base.scss +0 -26
  31. data/templates/project/manifest.rb +0 -57
  32. data/templates/rwd/_base.scss +0 -27
  33. data/templates/rwd/manifest.rb +0 -60
  34. data/templates/shared/_design.scss +0 -9
  35. data/templates/shared/_extendables.scss +0 -6
  36. data/templates/shared/_functions.scss +0 -5
  37. data/templates/shared/_ie-design.scss +0 -9
  38. data/templates/shared/_ie-layout.scss +0 -9
  39. data/templates/shared/_layout.scss +0 -9
  40. data/templates/shared/_mixins.scss +0 -5
  41. data/templates/shared/_print-design.scss +0 -9
  42. data/templates/shared/_print-layout.scss +0 -9
  43. data/templates/shared/_style-guide.scss +0 -10
  44. data/templates/shared/_variables.scss +0 -5
  45. data/templates/shared/ie.scss +0 -32
  46. data/templates/shared/print.scss +0 -28
  47. 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
- @if $experimental-suport-for-webkit {
11
- @-webkit-viewport {
12
- @content;
13
- }
6
+ @-webkit-viewport {
7
+ @content;
14
8
  }
15
- @if $experimental-support-for-mozilla {
16
- @-moz-viewport {
17
- @content;
18
- }
9
+ @-moz-viewport {
10
+ @content;
19
11
  }
20
- @if $experimental-support-for-microsoft {
21
- @-ms-viewport {
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: 1.3.8
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
- date: 2013-09-07 00:00:00 Z
15
- dependencies:
16
- - !ruby/object:Gem::Dependency
17
- name: compass
18
- prerelease: false
19
- requirement: &id001 !ruby/object:Gem::Requirement
20
- requirements:
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
- requirement: &id003 !ruby/object:Gem::Requirement
40
- requirements:
41
- - - ">="
42
- - !ruby/object:Gem::Version
43
- version: 2.0.6
44
- type: :runtime
45
- version_requirements: *id003
46
- - !ruby/object:Gem::Dependency
47
- name: sassy-strings
48
- prerelease: false
49
- requirement: &id004 !ruby/object:Gem::Requirement
50
- requirements:
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
- requirement: &id005 !ruby/object:Gem::Requirement
60
- requirements:
61
- - - ">="
62
- - !ruby/object:Gem::Version
63
- version: 0.2.7
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: "0"
139
- required_rubygems_version: !ruby/object:Gem::Requirement
140
- requirements:
141
- - - ">="
142
- - !ruby/object:Gem::Version
143
- version: "1.2"
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,6 +0,0 @@
1
- //////////////////////////////
2
- // Box Sizing anda wesome Border Box!
3
- //////////////////////////////
4
- @import "box-sizing";
5
-
6
- *, *:after, *:before { @include box-sizing('border-box'); }
@@ -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
- }