stipe 0.0.2.9 → 0.0.3

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.
@@ -1,6 +1,9 @@
1
1
  // Default display Stipe buttons
2
2
  // ---------------------------------------------------------
3
3
 
4
+ @import 'lib/cupid-green';
5
+ @import 'lib/minimal';
6
+
4
7
  %stipe_buttons {
5
8
  @extend %cupid-green;
6
9
  margin-right: em(10);
@@ -3,6 +3,7 @@
3
3
  // -----------------------------------------------------------------
4
4
 
5
5
 
6
+ @import "../color/default_color_pallet";
6
7
 
7
8
 
8
9
  // *-------------------------------------------------------------------------------
@@ -5,31 +5,31 @@
5
5
 
6
6
  ///// Typography configuration /////
7
7
  // -----------------------------------------------------------------------------
8
- // $font_size: 12;
8
+ // $font_size: 12 !default;
9
9
  //
10
- $heading_1: 32;
11
- $heading_2: 24;
12
- // $heading_3: 28;
13
- // $heading_4: 18;
14
- // $heading_5: 18;
15
- // $heading_6: 18;
10
+ $heading_1: 32 !default;
11
+ $heading_2: 24 !default;
12
+ // $heading_3: 28 !default;
13
+ // $heading_4: 18 !default;
14
+ // $heading_5: 18 !default;
15
+ // $heading_6: 18 !default;
16
16
  //
17
- // $line: $font_size * 1.5;
17
+ // $line: $font_size * 1.5 !default;
18
18
  //
19
- // $small_point_size: 10;
20
- // $large_point_size: 14;
19
+ // $small_point_size: 10 !default;
20
+ // $large_point_size: 14 !default;
21
21
  //
22
- // $primary_font_family: #{Arial, sans-serif};
23
- // $secondary_font_family: #{"Helvetica Neue", Arial, sans-serif};
24
- $heading_font_family: #{'Lato', sans-serif};
22
+ // $primary_font_family: #{"Helvetica Neue", Arial, sans-serif} !default;
23
+ // $secondary_font_family: #{"Helvetica Neue", Arial, sans-serif} !default;
24
+ $heading_font_family: #{'Lato', sans-serif} !default;
25
25
 
26
- // $icon_font_alpha: #{'FontAwesome'};
27
- // $icon_font_bravo: #{'zocial'};
26
+ // $icon_font_alpha: #{'FontAwesome'} !default;
27
+ // $icon_font_bravo: #{'zocial'} !default;
28
28
 
29
29
 
30
30
  ///// Default webfont directory /////
31
31
  // -----------------------------------------------------------------------------
32
- // $webfont_directory: "/fonts/";
32
+ // $webfont_directory: "/fonts/" !default;
33
33
 
34
34
 
35
35
 
@@ -37,7 +37,7 @@ $heading_font_family: #{'Lato', sans-serif};
37
37
  // -----------------------------------------------------------------------------
38
38
  // In Sinatra, the images folder resides in the public directory. This directory is not made publically accessible,
39
39
  // so simply referencing the images directory will be fine.
40
- // $imgDir: "/images/";
40
+ // $imgDir: "/images/" !default;
41
41
 
42
42
 
43
43
 
@@ -46,13 +46,13 @@ $heading_font_family: #{'Lato', sans-serif};
46
46
  // Red, green, yellow, blue, accent and black is not law, but a common theme in most designs.
47
47
  // Using Toadstool, all you need to do is edit these 6 hex values and everything else is created
48
48
  // by magic, unicorns and fairy dust!
49
- // $alpha_primary: #5a2e2e; // red
50
- // $bravo_primary: #3e4147; // green
51
- // $charlie_primary: #fffedf; // yellow
52
- // $delta_primary: #2a2c31; // blue
53
- // $echo_primary: #dfba69; // accent
54
-
55
- // $alpha_gray: #333; //black
49
+ // $alpha_primary: #5a2e2e !default; // red
50
+ // $bravo_primary: #3e4147 !default; // green
51
+ // $charlie_primary: #fffedf !default; // yellow
52
+ // $delta_primary: #2a2c31 !default; // blue
53
+ // $echo_primary: #dfba69 !default; // accent
54
+
55
+ // $alpha_gray: #333 !default; //black
56
56
 
57
57
 
58
58
 
@@ -70,144 +70,144 @@ $heading_font_family: #{'Lato', sans-serif};
70
70
  /////// Grid configuration ////////
71
71
  // -----------------------------------------------------------------------------
72
72
  // setting default units of measurement for Toadstool grid solution
73
- // $grid_type: 12; // sets default column grid
74
- // $grid_uom: percent; // use either ``em`` or ``percent``
75
- // $grid_padding_lr: 0; // sets default left/right padding inside grid block
76
- // $grid_padding_tb: 0; // sets default top/bottom padding inside grid block
77
- // $grid_border: 0; // sets default border width on all grid blocks
78
- // $grid_child: none; // sets parent child relationship between grid blocks
79
- // $grid_align: default; // by default grids float left. Optional argument is ``center``
80
- // $col_base: 10; // equal to 10px in the standard 960.gs
81
- // $col_gutter: $col_base * 2; // sets default grid gutter width
82
- // $grid_960: 960 / 100%; // grid math for percentages
73
+ // $grid_type: 12 !default; // sets default column grid
74
+ // $grid_uom: percent !default; // use either ``em`` or ``percent``
75
+ // $grid_padding_lr: 0 !default; // sets default left/right padding inside grid block
76
+ // $grid_padding_tb: 0 !default; // sets default top/bottom padding inside grid block
77
+ // $grid_border: 0 !default; // sets default border width on all grid blocks
78
+ // $grid_child: none !default; // sets parent child relationship between grid blocks
79
+ // $grid_align: default !default; // by default grids float left. Optional argument is ``center``
80
+ // $col_base: 10 !default; // equal to 10px in the standard 960.gs
81
+ // $col_gutter: $col_base * 2 !default; // sets default grid gutter width
82
+ // $grid_960: 960 / 100% !default; // grid math for percentages
83
83
 
84
84
 
85
85
 
86
86
 
87
- /////// axle's semantic combinations ////////
87
+ /////// Toadstool's semantic combinations ////////
88
88
  // Semantic variables should always be matched up with abstract values, never semantic to semantic
89
89
  // -----------------------------------------------------------------------------
90
90
 
91
91
  // abstract 'white' value to easily applied to semantic class objects
92
- // $white: #fff;
92
+ // $white: #fff !default;
93
93
 
94
94
  // default shadow colors
95
- // $shadow_color: fade-out($alpha_gray, 0.5);
95
+ // $shadow_color: fade-out($alpha_gray, 0.5) !default;
96
96
 
97
97
  // primary header font color
98
- // $primary_header_color: $alpha_gray;
98
+ // $primary_header_color: $alpha_gray !default;
99
99
 
100
100
  // primary font color for the app
101
- // $primary_text: $bravo_gray;
101
+ // $primary_text: $bravo_gray !default;
102
102
 
103
103
  // default <a href="#"> link color
104
- // $href_color: $alpha_color_delta;
105
- // $href_color_alt: $delta_color_bravo;
104
+ // $href_color: $alpha_color_delta !default;
105
+ // $href_color_alt: $delta_color_bravo !default;
106
106
 
107
107
  // used with the <ins> tag
108
108
  // http://www.w3schools.com/tags/tag_ins.asp
109
- // $ins_color: $charlie_color;
109
+ // $ins_color: $charlie_color !default;
110
110
 
111
111
  // used with the <mark> tag
112
112
  // http://www.w3schools.com/html5/tag_mark.asp
113
- // $mark_color: $charlie_color;
113
+ // $mark_color: $charlie_color !default;
114
114
 
115
115
  // webkit tap highlight color
116
- // $webkit_tap_hightlight: $delta_color_bravo;
116
+ // $webkit_tap_hightlight: $delta_color_bravo !default;
117
117
 
118
118
  // overrides the default content selection color in the browser
119
- // $selection_color: $charlie_color;
120
- // $selection_text_color: $primary_text;
119
+ // $selection_color: $charlie_color !default;
120
+ // $selection_text_color: $primary_text !default;
121
121
 
122
122
  // default border color
123
- // $border_color: $charlie_gray;
123
+ // $border_color: $charlie_gray !default;
124
124
 
125
125
 
126
126
 
127
127
  // Config defaults for forms
128
128
  // -----------------------------------------------------------------------------
129
- // $alert_background_color: $alpha_color;
129
+ // $alert_background_color: $alpha_color !default;
130
130
 
131
- // $input_disabled: $bravo_gray;
132
- // $input_disabled_bkg: lighten($input_disabled, 75%);
133
- // $input_disabled_border: lighten($input_disabled, 50%);
134
- // $input_disabled_text: lighten($input_disabled, 50%);
131
+ // $input_disabled: $bravo_gray !default;
132
+ // $input_disabled_bkg: lighten($input_disabled, 75%) !default;
133
+ // $input_disabled_border: lighten($input_disabled, 50%) !default;
134
+ // $input_disabled_text: lighten($input_disabled, 50%) !default;
135
135
  //
136
- // $form_field_background_color: $white;
137
- // $form_field_focus_color: $white;
138
- // $form_field_fail_bkg: $white;
136
+ // $form_field_background_color: $white !default;
137
+ // $form_field_focus_color: $white !default;
138
+ // $form_field_fail_bkg: $white !default;
139
139
  //
140
- // $form_field_border: $charlie_gray;
141
- // $form_field_border_fail: $alpha_color;
142
- // $form_field_focus_border_color: $charlie_gray;
140
+ // $form_field_border: $charlie_gray !default;
141
+ // $form_field_border_fail: $alpha_color !default;
142
+ // $form_field_focus_border_color: $charlie_gray !default;
143
143
  //
144
- // $form_field_text: $primary_text;
145
- // $error_text: $alpha_color;
146
- // $form_field_fail: $alpha_color;
147
- // $form_field_text_fail: $alpha_color;
148
- // $instructional_text: $charlie_gray;
144
+ // $form_field_text: $primary_text !default;
145
+ // $error_text: $alpha_color !default;
146
+ // $form_field_fail: $alpha_color !default;
147
+ // $form_field_text_fail: $alpha_color !default;
148
+ // $instructional_text: $charlie_gray !default;
149
149
 
150
150
 
151
151
 
152
152
  // Config defaults for buttons
153
153
  // -----------------------------------------------------------------------------
154
- // $primary_button_border_color: $bravo_color;
155
- // $secondary_button_border_color: $bravo_gray;
156
- // $button_text: $white;
154
+ // $primary_button_border_color: $bravo_color !default;
155
+ // $secondary_button_border_color: $bravo_gray !default;
156
+ // $button_text: $white !default;
157
157
 
158
158
 
159
159
 
160
160
  // Config defaults for ``standard_rounded_border`` mixin
161
161
  // -----------------------------------------------------------------------------
162
- $standard_round_corner: 3; // sets default border radius
163
- $standard_corner_width: 1px; // sets default border width
164
- $standard_border_color: $border_color; // sets default border color
162
+ $standard_round_corner: 3 !default; // sets default border radius
163
+ $standard_corner_width: 1px !default; // sets default border width
164
+ $standard_border_color: $border_color !default; // sets default border color
165
165
 
166
166
 
167
167
 
168
168
  // Config defaults for ``standard_block_spacing`` mixin
169
169
  // -----------------------------------------------------------------------------
170
- $default_block_spacing: 20; // sets margin-bottom
170
+ $default_block_spacing: 20 !default; // sets margin-bottom
171
171
 
172
172
 
173
173
 
174
174
  // Config defaults for site border style
175
175
  // -----------------------------------------------------------------------------
176
- $standard_border_style: solid;
176
+ $standard_border_style: solid !default;
177
177
 
178
178
 
179
179
 
180
180
  // Config defaults for ``standard_hr`` mixin
181
181
  // -----------------------------------------------------------------------------
182
- $standard_hr_spacing: 40; // sets padding and margin bottom
183
- $standard_hr_color: $delta_gray;
184
- $standard_hr_width: 1px;
182
+ $standard_hr_spacing: 40 !default; // sets padding and margin bottom
183
+ $standard_hr_color: $delta_gray !default;
184
+ $standard_hr_width: 1px !default;
185
185
 
186
186
 
187
187
 
188
188
  // Config values for all default shadows
189
189
  // -----------------------------------------------------------------------------
190
- $h-shadow: 0; // horizontal shadow settings
191
- $v-shadow: 2; // vertical shaddow settings
192
- $blur: 3; // blur settings
190
+ $h-shadow: 0 !default; // horizontal shadow settings
191
+ $v-shadow: 2 !default; // vertical shaddow settings
192
+ $blur: 3 !default; // blur settings
193
193
 
194
- $inset_color: $shadow_color; // for use with ``dual_box_shadow`` mixin
195
- $ih-shadow: 0; // inset horizontal shadow settings
196
- $iv-shadow: 2; // inset vertical shaddow settings
197
- $iblur: 3; // inset blur settings
194
+ $inset_color: $shadow_color !default; // for use with ``dual_box_shadow`` mixin
195
+ $ih-shadow: 0 !default; // inset horizontal shadow settings
196
+ $iv-shadow: 2 !default; // inset vertical shaddow settings
197
+ $iblur: 3 !default; // inset blur settings
198
198
 
199
199
 
200
200
 
201
201
 
202
202
  /////////////// UI @media breakpoint defaults ////////////////
203
203
  // -----------------------------------------------------------------------------
204
- // $tablet: "screen and (max-width: 64em)";
205
- // $tablet_portrait: "screen and (max-width: 50em) and (orientation: portrait)";
206
- // $tablet_landscape: "screen and (max-width: 50em) and (orientation: landscape)";
204
+ // $tablet: "screen and (max-width: 64em)" !default;
205
+ // $tablet_portrait: "screen and (max-width: 50em) and (orientation: portrait)" !default;
206
+ // $tablet_landscape: "screen and (max-width: 50em) and (orientation: landscape)" !default;
207
207
  //
208
- // $mobile: "screen and (max-width: 30em)";
209
- // $mobile_portrait: "screen and (max-width: 30em) and (orientation : portrait)";
210
- // $mobile_landscape: "screen and (max-width: 30em) and (orientation : landscape)";
208
+ // $mobile: "screen and (max-width: 30em)" !default;
209
+ // $mobile_portrait: "screen and (max-width: 30em) and (orientation : portrait)" !default;
210
+ // $mobile_landscape: "screen and (max-width: 30em) and (orientation : landscape)" !default;
211
211
 
212
212
 
213
213
  // Compass function for creating grid background
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: stipe
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.2.9
4
+ version: 0.0.3
5
5
  prerelease:
6
6
  platform: ruby
7
7
  authors:
@@ -52,63 +52,63 @@ extra_rdoc_files: []
52
52
  files:
53
53
  - readme.md
54
54
  - lib/stipe.rb
55
+ - stylesheets/stipe/_buttons.scss
56
+ - stylesheets/stipe/_color.scss
57
+ - stylesheets/stipe/_forms.scss
58
+ - stylesheets/stipe/_gradients.scss
59
+ - stylesheets/stipe/_grid.scss
60
+ - stylesheets/stipe/_media.scss
55
61
  - stylesheets/stipe/_stipe.scss
56
- - stylesheets/stipe/buttons/lib/_minimal.scss
57
- - stylesheets/stipe/buttons/lib/_cupid-green.scss
62
+ - stylesheets/stipe/_typography.scss
58
63
  - stylesheets/stipe/buttons/_extends.scss
59
64
  - stylesheets/stipe/buttons/doc-src/buttons.md
60
- - stylesheets/stipe/typography/web_fonts/_font_awesome_pua.scss
61
- - stylesheets/stipe/typography/web_fonts/_zocial.scss
62
- - stylesheets/stipe/typography/web_fonts/_zocial_characters.scss
63
- - stylesheets/stipe/typography/web_fonts/_font_awesome.scss
64
- - stylesheets/stipe/typography/_mixins.scss
65
- - stylesheets/stipe/typography/_default.scss
66
- - stylesheets/stipe/typography/_functions.scss
67
- - stylesheets/stipe/typography/_extends.scss
68
- - stylesheets/stipe/_buttons.scss
69
- - stylesheets/stipe/resets/_eric_meyer.scss
70
- - stylesheets/stipe/resets/_toadstool.scss
71
- - stylesheets/stipe/_color.scss
65
+ - stylesheets/stipe/buttons/lib/_cupid-green.scss
66
+ - stylesheets/stipe/buttons/lib/_minimal.scss
67
+ - stylesheets/stipe/color/_color_math.scss
68
+ - stylesheets/stipe/color/_default_color_pallet.scss
69
+ - stylesheets/stipe/color/_extends.scss
70
+ - stylesheets/stipe/color/_grayscale_math.scss
71
+ - stylesheets/stipe/doc-src/grids.md
72
+ - stylesheets/stipe/forms/_extends.scss
73
+ - stylesheets/stipe/forms/_mixins.scss
74
+ - stylesheets/stipe/gradients/_extends.scss
72
75
  - stylesheets/stipe/gradients/mixins/_area_51.scss
73
76
  - stylesheets/stipe/gradients/mixins/_linear_gradient_bkgimage.scss
74
- - stylesheets/stipe/gradients/_extends.scss
77
+ - stylesheets/stipe/grid/_extends.scss
75
78
  - stylesheets/stipe/grid/_mixins.scss
76
79
  - stylesheets/stipe/grid/lib/_grid_background.scss
77
- - stylesheets/stipe/grid/lib/_grid_placement.scss
78
80
  - stylesheets/stipe/grid/lib/_grid_margin.scss
81
+ - stylesheets/stipe/grid/lib/_grid_placement.scss
79
82
  - stylesheets/stipe/grid/lib/_push_logic.scss
80
83
  - stylesheets/stipe/grid/lib/_the_grid.scss
81
- - stylesheets/stipe/grid/_extends.scss
82
- - stylesheets/stipe/_grid.scss
83
- - stylesheets/stipe/toadstool/ui_patterns/_color_grid.scss
84
- - stylesheets/stipe/toadstool/ui_patterns/_prettify.scss
85
- - stylesheets/stipe/toadstool/ui_patterns/_emBox.scss
86
- - stylesheets/stipe/toadstool/modules/_footer.scss
87
- - stylesheets/stipe/toadstool/modules/_header.scss
88
- - stylesheets/stipe/toadstool/modules/_main_nav.scss
89
- - stylesheets/stipe/toadstool/_web_fonts.scss
84
+ - stylesheets/stipe/resets/_eric_meyer.scss
85
+ - stylesheets/stipe/resets/_toadstool.scss
86
+ - stylesheets/stipe/stipe/_extends.scss
87
+ - stylesheets/stipe/stipe/_mixins.scss
90
88
  - stylesheets/stipe/toadstool/_buttons.scss
91
- - stylesheets/stipe/toadstool/_ui_patterns.scss
89
+ - stylesheets/stipe/toadstool/_config.scss
92
90
  - stylesheets/stipe/toadstool/_design.scss
93
- - stylesheets/stipe/toadstool/_grids.scss
94
91
  - stylesheets/stipe/toadstool/_forms.scss
95
- - stylesheets/stipe/toadstool/_typography.scss
92
+ - stylesheets/stipe/toadstool/_grids.scss
96
93
  - stylesheets/stipe/toadstool/_modules.scss
94
+ - stylesheets/stipe/toadstool/_typography.scss
97
95
  - stylesheets/stipe/toadstool/_ui_manifest.scss
98
- - stylesheets/stipe/toadstool/_config.scss
99
- - stylesheets/stipe/_gradients.scss
100
- - stylesheets/stipe/_forms.scss
101
- - stylesheets/stipe/color/_grayscale_math.scss
102
- - stylesheets/stipe/color/_default_color_pallet.scss
103
- - stylesheets/stipe/color/_color_math.scss
104
- - stylesheets/stipe/color/_extends.scss
105
- - stylesheets/stipe/_typography.scss
106
- - stylesheets/stipe/forms/_mixins.scss
107
- - stylesheets/stipe/forms/_extends.scss
108
- - stylesheets/stipe/doc-src/grids.md
109
- - stylesheets/stipe/stipe/_mixins.scss
110
- - stylesheets/stipe/stipe/_extends.scss
111
- - stylesheets/stipe/_media.scss
96
+ - stylesheets/stipe/toadstool/_ui_patterns.scss
97
+ - stylesheets/stipe/toadstool/_web_fonts.scss
98
+ - stylesheets/stipe/toadstool/modules/_footer.scss
99
+ - stylesheets/stipe/toadstool/modules/_header.scss
100
+ - stylesheets/stipe/toadstool/modules/_main_nav.scss
101
+ - stylesheets/stipe/toadstool/ui_patterns/_color_grid.scss
102
+ - stylesheets/stipe/toadstool/ui_patterns/_emBox.scss
103
+ - stylesheets/stipe/toadstool/ui_patterns/_prettify.scss
104
+ - stylesheets/stipe/typography/_default.scss
105
+ - stylesheets/stipe/typography/_extends.scss
106
+ - stylesheets/stipe/typography/_functions.scss
107
+ - stylesheets/stipe/typography/_mixins.scss
108
+ - stylesheets/stipe/typography/web_fonts/_font_awesome.scss
109
+ - stylesheets/stipe/typography/web_fonts/_font_awesome_pua.scss
110
+ - stylesheets/stipe/typography/web_fonts/_zocial.scss
111
+ - stylesheets/stipe/typography/web_fonts/_zocial_characters.scss
112
112
  homepage: https://github.com/Anotheruiguy/stipe
113
113
  licenses: []
114
114
  post_install_message:
@@ -129,7 +129,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
129
129
  version: '0'
130
130
  requirements: []
131
131
  rubyforge_project:
132
- rubygems_version: 1.8.24
132
+ rubygems_version: 1.8.23
133
133
  signing_key:
134
134
  specification_version: 3
135
135
  summary: Core styles for Toadstool