stipe 0.0.2.9 → 0.0.3

Sign up to get free protection for your applications and to get access to all the features.
@@ -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