toolkit 1.3.8 → 2.0.0.alpha.1

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 (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
- }