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.
@@ -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
|
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
|
-
///////
|
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.
|
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/
|
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/
|
61
|
-
- stylesheets/stipe/
|
62
|
-
- stylesheets/stipe/
|
63
|
-
- stylesheets/stipe/
|
64
|
-
- stylesheets/stipe/
|
65
|
-
- stylesheets/stipe/
|
66
|
-
- stylesheets/stipe/
|
67
|
-
- stylesheets/stipe/
|
68
|
-
- stylesheets/stipe/
|
69
|
-
- stylesheets/stipe/
|
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/
|
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/
|
82
|
-
- stylesheets/stipe/
|
83
|
-
- stylesheets/stipe/
|
84
|
-
- stylesheets/stipe/
|
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/
|
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/
|
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/
|
99
|
-
- stylesheets/stipe/
|
100
|
-
- stylesheets/stipe/
|
101
|
-
- stylesheets/stipe/
|
102
|
-
- stylesheets/stipe/
|
103
|
-
- stylesheets/stipe/
|
104
|
-
- stylesheets/stipe/
|
105
|
-
- stylesheets/stipe/
|
106
|
-
- stylesheets/stipe/
|
107
|
-
- stylesheets/stipe/
|
108
|
-
- stylesheets/stipe/
|
109
|
-
- stylesheets/stipe/
|
110
|
-
- stylesheets/stipe/
|
111
|
-
- stylesheets/stipe/
|
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.
|
132
|
+
rubygems_version: 1.8.23
|
133
133
|
signing_key:
|
134
134
|
specification_version: 3
|
135
135
|
summary: Core styles for Toadstool
|