stipe 0.0.5.7.6 → 0.0.5.7.7

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 (13) hide show
  1. checksums.yaml +15 -0
  2. data/readme.md +9 -5
  3. data/stylesheets/stipe/_grid.scss +2 -1
  4. data/stylesheets/stipe/gradients/mixins/_area_51.scss +4 -34
  5. data/stylesheets/stipe/grid/lib/_grid_placement.scss +6 -8
  6. data/stylesheets/stipe/grid/lib/_the_grid.scss +18 -57
  7. data/stylesheets/stipe/resets/_toadstool.scss +12 -9
  8. data/stylesheets/stipe/toadstool/_buttons.scss +10 -8
  9. data/stylesheets/stipe/toadstool/_config.scss +10 -10
  10. data/stylesheets/stipe/toadstool/_design.scss +6 -8
  11. data/stylesheets/stipe/toadstool/_ui_manifest.scss +11 -9
  12. data/stylesheets/stipe/toadstool/modules/_main_nav.scss +4 -3
  13. metadata +4 -10
checksums.yaml ADDED
@@ -0,0 +1,15 @@
1
+ ---
2
+ !binary "U0hBMQ==":
3
+ metadata.gz: !binary |-
4
+ YzZiZDU5YjkyZWM5NTM2NDdkYjVkYTRlODM2MjdmNjA1NWZhOGNmNQ==
5
+ data.tar.gz: !binary |-
6
+ MDg0ZTdkYzg2ZjBkYTJhYjNmNTU0YjY3MTgwMmIwZjc0OGNiYTk0Ng==
7
+ !binary "U0hBNTEy":
8
+ metadata.gz: !binary |-
9
+ Zjg3MDlhNTM2ZTEyNmEwYjU0ZjM1Y2QzZGY5N2FiYTQ0NzZjOTI4ZGNmMzRk
10
+ ZGI3ODEyMzlmNDI3ZGZmYTgxZmU3N2RiMTViZDE0MDE5YzFmZWU0YWRlMTQx
11
+ YjA4MzU1ZTBmYjI2YTEyZDFhMGFjYTU0ZDg1ZjdhZDQ1ZjY4YjQ=
12
+ data.tar.gz: !binary |-
13
+ YzliNGIwYzEwMDlhNmQ4YTEwNjkwYzcxYzE1ODQ2ZTEwYTU3MjcyZjk1MWJh
14
+ ZDUyYWM2MzJmYmI5YTAzMGEzYmQ4YmIxYTcwYzI5ZjRiOThhNDE2MjAwZmJm
15
+ YzQzZGRkMGZhOTE1MDYzMjU3MDYxNTIzMTUwODk4N2Q0ZDczZmY=
data/readme.md CHANGED
@@ -1,12 +1,12 @@
1
1
  #Stipe Compass Extension
2
- Stipe is the life blood of the Toadstool style guide framework. Consisting of a series of mixins, extends and defaults that give Toadstool that 'instant on' experience.
2
+ Stipe is the life blood of the Toadstool style guide framework. Consisting of a series of mixins, extends and defaults that give Toadstool that 'instant on' experience.
3
3
 
4
4
  [Stipe](https://rubygems.org/gems/stipe)
5
5
 
6
6
  ##To install
7
7
  `gem install stipe`
8
8
 
9
- ##To use
9
+ ##To use
10
10
  To use the Stipe gem, using Bundler `gem 'stipe'`
11
11
 
12
12
  Stipe is a Compass Extension, so Compass is a dependency. You will need to include `require 'stipe'` in your config.rb file.
@@ -17,6 +17,10 @@ Stipe is a Compass Extension, so Compass is a dependency. You will need to inclu
17
17
  * BUG FIX
18
18
  * nth-child buttons: need to remove the left margin for mobile breakpoint
19
19
 
20
+ ###0.0.5.7.6
21
+ * Update grid - move box-sizing from grid scope to global attribute
22
+ * Deprecate Stipe's grid solution in favor of using Compass
23
+
20
24
  ###0.0.5.7.6
21
25
  * Restore `-ms-linear-gradient(...)` in `linear_gradient_w3c()` mixin. Because Jed has no idea what he's doing.
22
26
 
@@ -35,18 +39,18 @@ Stipe is a Compass Extension, so Compass is a dependency. You will need to inclu
35
39
  ###0.0.5.7.1
36
40
  * Added `!optional` flag to Toadstool generated extended placeholder selectors to address backwards compatibility.
37
41
  * If Sass still pukes on not finding the placeholders to extend, either the name was updated or simple add `!optional` to the end of the extend declaration.
38
- * For the most part this would be restricted to `_buttons.scss` and `_forms.scss`
42
+ * For the most part this would be restricted to `_buttons.scss` and `_forms.scss`
39
43
 
40
44
  ###0.0.5.7
41
45
  * Over-hauled color palette CSS
42
46
  * Updated forms extends to include `stipe_` in the name to increase visibility of where code is coming from in Toadstool
43
- * Added UI for `contenteditable` new functionality
47
+ * Added UI for `contenteditable` new functionality
44
48
  * Old button lib is dead
45
49
  * All new buttons is alive
46
50
  * Updates to `/stipe/stylesheets/stipe/toadstool/ui_patterns/_color_grid.scss`
47
51
  * Added new `extend_color_loop` mixin
48
52
  * Dynamically looping through list of OOCSS names to create color block classes
49
- * New `extend_color_loop` mixin
53
+ * New `extend_color_loop` mixin
50
54
  * Added to `/stipe/stylesheets/stipe/toadstool/ui_patterns/_color_grid.scss`
51
55
  * All extends generated in memory from lists of objects
52
56
 
data/stylesheets/stipe/_grid.scss CHANGED
@@ -27,6 +27,7 @@
27
27
 
28
28
  // setting default units of measurement for Toadstool grid solution
29
29
  // -----------------------------------------------------------------
30
+ $box-sizing: global !default;
30
31
  $grid_type: 12 !default; // sets default column grid
31
32
  $grid_context: 12 !default; // sets default context of grid width for percentage calculations
32
33
  $grid_uom: percent !default; // use either ``em`` or ``percent``
@@ -57,4 +58,4 @@ $grid_960: 960 / 100% !default; // grid math for percentages
57
58
  @import "grid/mixins";
58
59
 
59
60
  // The extends that make it awesome
60
- @import "grid/extends";
61
+ @import "grid/extends";
data/stylesheets/stipe/gradients/mixins/_area_51.scss CHANGED
@@ -1,54 +1,24 @@
1
- // Toadstool core v0.0.0.1
2
- // This document is not to be edited as it will be versioned
3
- // -----------------------------------------------------------------
1
+ // Code is depricated!
2
+ // ALERT!!!!!!!!!!!
3
+ // In future releases of Stipe, all references to this document will be deleted and all gradient support moved over to Compass
4
4
 
5
+ // ----------------------------------------------------------------------
5
6
 
6
-
7
- // example class using all mixins to support all browsers
8
- //.gradient_box {
9
- // @include linear_gradient_legacy_safari (#{color-stop(0%,$alpha_color), color-stop(100%,$bravo_color)});
10
- // @include linear_gradient_w3c ($alpha_color, #{$alpha_color 0%,$bravo_color 100%});
11
- // @include linear_gradient_legacy_ie ($alpha_color, $bravo_color);
12
- //
13
- //}
14
-
15
-
16
- // requires that color values are written using #{} interpolation syntax
17
- // example .....
18
- // @include linear_gradient_w3c ($alpha_color, #{$alpha_color 0%,$bravo_color 100%});
19
- // ---------------------------------------------------------------------------------------
20
7
  @mixin linear_gradient_w3c ($default_color, $color_values, $prefixes: $prefix_defaults) {
21
8
  background: $default_color; // default fallback
22
9
  background: -webkit-linear-gradient(top, $color_values);
23
10
  background: -moz-linear-gradient(top, $color_values);
24
11
  background: -ms-linear-gradient(top, $color_values);
25
12
  background: -o-linear-gradient(top, $color_values);
26
- background: linear-gradient(top, $color_values);
27
13
  }
28
14
 
29
-
30
-
31
-
32
-
33
- // requires that color values are written using #{} interpolation syntax
34
- // example .....
35
- // @include linear_gradient_legacy_safari (#{color-stop(0%,$alpha_color), color-stop(100%,$bravo_color)});
36
- // ---------------------------------------------------------------------------------------
37
15
  @mixin linear_gradient_legacy_safari ($color_values) {
38
16
  background: -webkit-gradient(linear, left top, left bottom, #{$color_values});
39
17
  }
40
18
 
41
-
42
-
43
-
44
- // this is pretty old skool here, think you can figure it out
45
- // -----------------------------------------------------------
46
19
  @mixin linear_gradient_legacy_ie ($start_color, $end_color) {
47
20
  // IE6 & 7 //
48
21
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#{ie_hex_str($start_color)}', endColorstr='#{ie_hex_str($end_color)}');
49
22
  // IE8 & 9 //
50
23
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie_hex_str($start_color)}', endColorstr='#{ie_hex_str($end_color)}')";
51
24
  }
52
-
53
-
54
- // -------------------------------------------------------------------------------------------
data/stylesheets/stipe/grid/lib/_grid_placement.scss CHANGED
@@ -1,16 +1,14 @@
1
1
  // supporting mixin for @mixin the_grid
2
2
  // 'grid_placement' sets display, float and margin for the block
3
3
  @mixin grid_placement($grid_align, $grid_uom, $grid_child, $grid_context_width, $margin) {
4
-
5
- @include box_sizing;
6
-
4
+
7
5
  @if $grid_align == center {
8
6
  margin: 0 auto;
9
7
  }
10
8
  @else if $grid_align == left {
11
9
  margin: 0;
12
10
  }
13
-
11
+
14
12
  @else {
15
13
  @if $grid_child == alpha {
16
14
  @if $grid_uom == em {
@@ -26,7 +24,7 @@
26
24
  @include grid_margin($grid_child, $margin_calc);
27
25
  }
28
26
  }
29
-
27
+
30
28
  @else if $grid_child == omega {
31
29
  @if $grid_uom == em {
32
30
  $margin_calc: #{$margin / $em}em;
@@ -41,7 +39,7 @@
41
39
  @include grid_margin($grid_child, $margin_calc);
42
40
  }
43
41
  }
44
-
42
+
45
43
  @else if $grid_child == none {
46
44
  @if $grid_uom == em {
47
45
  $margin_calc: #{$margin / $em}em;
@@ -56,11 +54,11 @@
56
54
  @include grid_margin($grid_child, $margin_calc);
57
55
  }
58
56
  }
59
-
57
+
60
58
  @else if $grid_child == alphaomega {
61
59
  margin-left: 0;
62
60
  margin-right: 0;
63
61
  }
64
62
 
65
- }
63
+ }
66
64
  }
data/stylesheets/stipe/grid/lib/_the_grid.scss CHANGED
@@ -2,25 +2,25 @@
2
2
  // default setting for grid is ``em`` this is specified in ``_config.scss``
3
3
 
4
4
  @mixin the_grid($col_count, $col_width, $grid_uom, $grid_padding_l, $grid_padding_r, $grid_padding_tb, $grid_border, $grid_child, $col_gutter, $grid_align, $grid_context, $border_color, $border_place) {
5
-
5
+
6
6
  //determines full col width with gutters
7
- $col_gutter_width: ($col_count - 1) * $col_gutter + ($col_count * $col_width);
8
-
7
+ $col_gutter_width: ($col_count - 1) * $col_gutter + ($col_count * $col_width);
8
+
9
9
  // determines width of contextual grid block for calculating percentages
10
- $grid_context_width: $grid_context * 80;
11
-
10
+ $grid_context_width: $grid_context * 80;
11
+
12
12
  $grid_padding_lr: $grid_padding_l + $grid_padding_r;
13
-
13
+
14
14
  @include grid_placement($grid_align, $grid_uom, $grid_child, $grid_context_width, $margin: $col_gutter / 2);
15
-
15
+
16
16
  // fallback for unsupported browsers
17
17
  $grid_width_fallback: $col_gutter_width - (($grid_padding_l + $grid_padding_r) + ($grid_border * 2));
18
-
19
-
20
-
18
+
19
+
20
+
21
21
  @if $grid_uom == em {
22
22
  @if $grid_border > 0 {
23
-
23
+
24
24
  @if $border_place != '' {
25
25
  border-#{$border_place}-width: #{$grid_border}px;
26
26
  }
@@ -30,7 +30,7 @@
30
30
  border-color: $border_color;
31
31
  border-style: $standard_border_style;
32
32
  }
33
-
33
+
34
34
  @if $grid_padding_lr > 0 {
35
35
  padding: {
36
36
  left: em($grid_padding_l);
@@ -45,8 +45,8 @@
45
45
  }
46
46
  $grid_width: em($col_gutter_width);
47
47
  width: $grid_width;
48
-
49
-
48
+
49
+
50
50
  @if $grid_width_fallback < $col_gutter_width {
51
51
  @if $border_place != '' {
52
52
  $grid_width_fallback: $grid_width_fallback + $grid_border;
@@ -60,11 +60,11 @@
60
60
  }
61
61
  }
62
62
  }
63
- }
63
+ }
64
64
 
65
65
  @else if $grid_uom == percent {
66
66
  @if $grid_border > 0 {
67
-
67
+
68
68
  @if $border_place != '' {
69
69
  border-#{$border_place}-width: #{$grid_border}px;
70
70
  }
@@ -74,7 +74,7 @@
74
74
  border-color: $border_color;
75
75
  border-style: $standard_border_style;
76
76
  }
77
-
77
+
78
78
  $grid_width: $col_gutter_width / $grid_context_width * 100%;
79
79
  @if $grid_padding_lr > 0 {
80
80
  padding: {
@@ -89,7 +89,7 @@
89
89
  }
90
90
  }
91
91
  width: $grid_width;
92
-
92
+
93
93
  @if $grid_width_fallback < $col_gutter_width {
94
94
  @if $border_place != '' {
95
95
  $grid_width_fallback: $grid_width_fallback + $grid_border;
@@ -104,43 +104,4 @@
104
104
  }
105
105
  }
106
106
  }
107
-
108
- // keeping this around just in case, but I really hate this concept of support.
109
- // much better managed with the percentage grid system taking into account context
110
- // this was a bad idea anyway.
111
-
112
- // @else if $grid_uom == combo {
113
- // @if $grid_border > 0 {
114
- //
115
- // @if $border_place != '' {
116
- // border-#{$border_place}-width: #{$grid_border}px;
117
- // }
118
- // @else {
119
- // border-width: #{$grid_border}px;
120
- // }
121
- // border-color: $border_color;
122
- // border-style: $standard_border_style;
123
- // }
124
- //
125
- // $grid_width: $col_gutter_width / $grid_context_width * 100%;
126
- // @if $grid_padding_lr > 0 {
127
- // padding: {
128
- // left: em($grid_padding_l);
129
- // right: em($grid_padding_r);
130
- // }
131
- // }
132
- // @if $grid_padding_tb > 0 {
133
- // padding: {
134
- // top: em($grid_padding_tb);
135
- // bottom: em($grid_padding_tb);
136
- // }
137
- // }
138
- // width: $grid_width;
139
- //
140
- // @if $grid_width_fallback < $col_gutter_width {
141
- // .no-boxsizing & {
142
- // width: $grid_width_fallback / $grid_context_width * 100%;
143
- // }
144
- // }
145
- // }
146
107
  }
data/stylesheets/stipe/resets/_toadstool.scss CHANGED
@@ -4,6 +4,7 @@
4
4
 
5
5
 
6
6
  @import "../color/default_color_palette";
7
+ @import "../stipe/mixins";
7
8
 
8
9
 
9
10
  // *-------------------------------------------------------------------------------
@@ -11,13 +12,13 @@
11
12
  // * HTML5 Reset :: style.css
12
13
  // * ----------------------------------------------------------
13
14
  // * We have learned much from/been inspired by/taken code where offered from:
14
- // *
15
+ // *
15
16
  // * Eric Meyer :: http://ericmeyer.com
16
17
  // * HTML5 Doctor :: http://html5doctor.com
17
18
  // * and the HTML5 Boilerplate :: http://html5boilerplate.com
18
- // *
19
+ // *
19
20
  // * Mods by Dale Sande :: toadstool awesome
20
- // *
21
+ // *
21
22
  // *-------------------------------------------------------------------------------
22
23
 
23
24
 
@@ -28,13 +29,15 @@ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pr
28
29
  margin: 0;
29
30
  padding: 0;
30
31
  border: 0;
31
- //outline: 0;
32
32
  vertical-align: baseline;
33
33
  background: transparent;
34
34
  }
35
35
 
36
+ * {
37
+ @include box-sizing;
38
+ }
39
+
36
40
  body {
37
- //line-height: 1;
38
41
  font-size: 100%;
39
42
  -webkit-font-smoothing: antialiased;
40
43
  }
@@ -44,7 +47,7 @@ article, aside, figure, footer, header, hgroup, nav, section {
44
47
  }
45
48
 
46
49
  // * Responsive images and other embedded objects
47
- // * Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers.
50
+ // * Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers.
48
51
  // * There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue.
49
52
 
50
53
  img, object, embed {
@@ -57,7 +60,7 @@ img {
57
60
  border-width: 0;
58
61
  }
59
62
 
60
- // * we use a lot of ULs that aren't bulleted.
63
+ // * we use a lot of ULs that aren't bulleted.
61
64
  // * don't forget to restore the bullets within content.
62
65
 
63
66
  ol,ul {
@@ -201,7 +204,7 @@ mark {
201
204
  font-style: italic;
202
205
  font-weight: bold;
203
206
  }
204
-
207
+
205
208
  ::selection {
206
209
  background: $selection_color;
207
210
  color: $selection_text_color;
@@ -210,4 +213,4 @@ mark {
210
213
  ::-moz-selection {
211
214
  background: $selection_color;
212
215
  color: $selection_text_color;
213
- }
216
+ }
data/stylesheets/stipe/toadstool/_buttons.scss CHANGED
@@ -1,11 +1,13 @@
1
1
  [class*="toadstool"] {
2
2
  .nav_toggle {
3
- @include linear_gradient_w3c ($alpha_gray, #{$delta_gray 0%, $alpha_gray 100%});
4
- &:hover {
5
- @include linear_gradient_w3c ($alpha_gray, #{$alpha_gray 0%, $delta_gray 100%});
6
- border-color: $alpha_gray;
7
- box-shadow: 0 0 0;
8
- }
3
+ background-color: $alpha_gray; // Old browsers
4
+ @include background-image(linear-gradient(top, $delta_gray 0%, $alpha_gray 100%));
5
+ &:hover {
6
+ background-color: $alpha_gray; // Old browsers
7
+ @include background-image(linear-gradient(top, $alpha_gray 0%, $delta_gray 100%));
8
+ border-color: $alpha_gray;
9
+ box-shadow: 0 0 0;
10
+ }
9
11
  text-shadow: 0 0 0;
10
12
  box-shadow: 0 0 0;
11
13
  border-color: $alpha_gray;
@@ -19,11 +21,11 @@
19
21
  font-weight: normal;
20
22
  span {
21
23
  &:after {
22
- content: "\f00b";
24
+ content: "\f00b";
23
25
  font-family: $icon_font_alpha;
24
26
  font-size: 2em;
25
27
  }
26
28
  }
27
29
  }
28
30
  }
29
- }
31
+ }
data/stylesheets/stipe/toadstool/_config.scss CHANGED
@@ -6,19 +6,19 @@
6
6
  ///// Typography configuration /////
7
7
  // -----------------------------------------------------------------------------
8
8
  // $font_size: 12 !default;
9
- //
9
+ //
10
10
  $heading_1: 32 !default;
11
11
  $heading_2: 24 !default;
12
12
  // $heading_3: 28 !default;
13
13
  // $heading_4: 18 !default;
14
14
  // $heading_5: 18 !default;
15
15
  // $heading_6: 18 !default;
16
- //
16
+ //
17
17
  // $line: $font_size * 1.5 !default;
18
- //
18
+ //
19
19
  // $small_point_size: 10 !default;
20
20
  // $large_point_size: 14 !default;
21
- //
21
+ //
22
22
  // $primary_font_family: #{"Helvetica Neue", Arial, sans-serif} !default;
23
23
  // $secondary_font_family: #{"Helvetica Neue", Arial, sans-serif} !default;
24
24
  $heading_font_family: #{'Lato', sans-serif} !default;
@@ -79,7 +79,7 @@ $heading_font_family: #{'Lato', sans-serif} !default;
79
79
  // $grid_child: none !default; // sets parent child relationship between grid blocks
80
80
  // $grid_align: default !default; // by default grids float left. Optional argument is ``center``
81
81
  // $col_base: 10 !default; // equal to 10px in the standard 960.gs
82
- // $col_gutter: $col_base * 2 !default; // sets default grid gutter width
82
+ // $col_gutter: $col_base * 2 !default; // sets default grid gutter width
83
83
  // $grid_960: 960 / 100% !default; // grid math for percentages
84
84
 
85
85
 
@@ -133,15 +133,15 @@ $heading_font_family: #{'Lato', sans-serif} !default;
133
133
  // $input_disabled_bkg: lighten($input_disabled, 75%) !default;
134
134
  // $input_disabled_border: lighten($input_disabled, 50%) !default;
135
135
  // $input_disabled_text: lighten($input_disabled, 50%) !default;
136
- //
136
+ //
137
137
  // $form_field_background_color: $white !default;
138
138
  // $form_field_focus_color: $white !default;
139
139
  // $form_field_fail_bkg: $white !default;
140
- //
140
+ //
141
141
  // $form_field_border: $charlie_gray !default;
142
142
  // $form_field_border_fail: $alpha_color !default;
143
143
  // $form_field_focus_border_color: $charlie_gray !default;
144
- //
144
+ //
145
145
  // $form_field_text: $primary_text !default;
146
146
  // $error_text: $alpha_color !default;
147
147
  // $form_field_fail: $alpha_color !default;
@@ -206,10 +206,10 @@ $iblur: 3 !default; // inset blur
206
206
  // $tablet: "screen and (max-width: 64em)" !default;
207
207
  // $tablet_portrait: "screen and (max-width: 50em) and (orientation: portrait)" !default;
208
208
  // $tablet_landscape: "screen and (max-width: 50em) and (orientation: landscape)" !default;
209
- //
209
+ //
210
210
  // $mobile: "screen and (max-width: 30em)" !default;
211
211
  // $mobile_portrait: "screen and (max-width: 30em) and (orientation : portrait)" !default;
212
- // $mobile_landscape: "screen and (max-width: 30em) and (orientation : landscape)" !default;
212
+ // $mobile_landscape: "screen and (max-width: 30em) and (orientation : landscape)" !default;
213
213
 
214
214
 
215
215
  // Compass function for creating grid background
data/stylesheets/stipe/toadstool/_design.scss CHANGED
@@ -1,26 +1,24 @@
1
-
2
-
3
1
  .styleguide_main_content {
4
2
  @include full_width_block(12);
5
-
3
+
6
4
  .styleguide_article, .element_example {
7
5
  @include grid(12.25, alphaomega, $grid_align: center, $grid_uom: em);
8
-
6
+
9
7
  @media #{$tablet_portrait} {
10
8
  @include grid(12.25, alphaomega, $grid_align: center);
11
9
  }
12
-
10
+
13
11
  @media #{$mobile} {
14
12
  @include grid(12.25, alphaomega, $grid_align: center);
15
13
  }
16
-
14
+
17
15
  .toadstool_header, .toadstool_subheader {
18
16
  @include grid(12);
19
17
  @media #{$mobile} {
20
18
  @include grid(4, $grid_context: 4);
21
19
  }
22
20
  }
23
-
21
+
24
22
  section {
25
23
  clear: both;
26
24
  &:nth-of-type(1n+2) {
@@ -52,4 +50,4 @@
52
50
  code {
53
51
  padding: em(2) em(5);
54
52
  background: $charlie_color_hotel;
55
- }
53
+ }
data/stylesheets/stipe/toadstool/_ui_manifest.scss CHANGED
@@ -11,18 +11,20 @@
11
11
 
12
12
  // Following sequence will load the necessary Stipe libraries
13
13
  // ------------------------------------------------------------------------------
14
+ @import "compass/css3";
15
+
14
16
  @import "stipe/media";
15
- @import "stipe/stipe";
17
+ @import "stipe/stipe";
16
18
  @import "stipe/media";
17
- @import "stipe/typography";
18
- @import "stipe/grid";
19
- @import "stipe/forms";
20
- @import "stipe/color";
21
- @import "stipe/gradients";
22
-
19
+ @import "stipe/typography";
20
+ @import "stipe/grid";
21
+ @import "stipe/forms";
22
+ @import "stipe/color";
23
+ @import "stipe/gradients";
24
+
23
25
 
24
26
 
25
- // This where you start building your own styles.
27
+ // This where you start building your own styles.
26
28
  // ------------------------------------------------------------------------------
27
29
  @import "typography";
28
30
  @import "design";
@@ -30,4 +32,4 @@
30
32
  @import "buttons";
31
33
  @import "grids";
32
34
  @import "ui_patterns";
33
- @import "modules";
35
+ @import "modules";
data/stylesheets/stipe/toadstool/modules/_main_nav.scss CHANGED
@@ -5,7 +5,8 @@
5
5
  font-weight: bold;
6
6
  @media #{$mobile} {
7
7
  @include flexbox(100%, auto, $orient: vertical);
8
- @include linear_gradient_w3c ($bravo_gray, #{$bravo_gray 30%,$delta_gray 100%});
8
+ background-color: $bravo_gray; // Old browsers
9
+ @include background-image(linear-gradient(top, $bravo_gray 30%, $delta_gray 100%));
9
10
  }
10
11
  }
11
12
  li {
@@ -26,7 +27,7 @@
26
27
  }
27
28
  a {
28
29
  color: $white;
29
- @include linear_gradient_w3c ($bravo_gray, #{$bravo_gray 50%,$delta_gray 100%});
30
+ @include linear_gradient_w3c ($bravo_gray, #{$bravo_gray 50%,$delta_gray 100%});
30
31
  .no-flexbox & {
31
32
  padding: 0 em(10);
32
33
  }
@@ -46,4 +47,4 @@
46
47
  }
47
48
  }
48
49
  }
49
- }
50
+ }
metadata CHANGED
@@ -1,8 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: stipe
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.5.7.6
5
- prerelease:
4
+ version: 0.0.5.7.7
6
5
  platform: ruby
7
6
  authors:
8
7
  - Dale Sande
@@ -15,7 +14,6 @@ dependencies:
15
14
  - !ruby/object:Gem::Dependency
16
15
  name: compass
17
16
  requirement: !ruby/object:Gem::Requirement
18
- none: false
19
17
  requirements:
20
18
  - - ! '>='
21
19
  - !ruby/object:Gem::Version
@@ -23,7 +21,6 @@ dependencies:
23
21
  type: :runtime
24
22
  prerelease: false
25
23
  version_requirements: !ruby/object:Gem::Requirement
26
- none: false
27
24
  requirements:
28
25
  - - ! '>='
29
26
  - !ruby/object:Gem::Version
@@ -31,7 +28,6 @@ dependencies:
31
28
  - !ruby/object:Gem::Dependency
32
29
  name: sass
33
30
  requirement: !ruby/object:Gem::Requirement
34
- none: false
35
31
  requirements:
36
32
  - - ! '>='
37
33
  - !ruby/object:Gem::Version
@@ -39,7 +35,6 @@ dependencies:
39
35
  type: :runtime
40
36
  prerelease: false
41
37
  version_requirements: !ruby/object:Gem::Requirement
42
- none: false
43
38
  requirements:
44
39
  - - ! '>='
45
40
  - !ruby/object:Gem::Version
@@ -124,26 +119,25 @@ files:
124
119
  - stylesheets/stipe/typography/web_fonts/readme.md
125
120
  homepage: https://github.com/Anotheruiguy/stipe
126
121
  licenses: []
122
+ metadata: {}
127
123
  post_install_message:
128
124
  rdoc_options: []
129
125
  require_paths:
130
126
  - lib
131
127
  required_ruby_version: !ruby/object:Gem::Requirement
132
- none: false
133
128
  requirements:
134
129
  - - ! '>='
135
130
  - !ruby/object:Gem::Version
136
131
  version: '0'
137
132
  required_rubygems_version: !ruby/object:Gem::Requirement
138
- none: false
139
133
  requirements:
140
134
  - - ! '>='
141
135
  - !ruby/object:Gem::Version
142
136
  version: '0'
143
137
  requirements: []
144
138
  rubyforge_project:
145
- rubygems_version: 1.8.23
139
+ rubygems_version: 2.0.3
146
140
  signing_key:
147
- specification_version: 3
141
+ specification_version: 4
148
142
  summary: Core styles for Toadstool
149
143
  test_files: []