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.
@@ -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
|