piecss 0.1.6.5.1 → 0.1.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 (39) hide show
  1. checksums.yaml +4 -4
  2. data/sass/piecss/settings/_base.scss +159 -159
  3. data/sass/piecss/settings/_breakpoint.scss +21 -21
  4. data/sass/piecss/settings/_button.scss +149 -149
  5. data/sass/piecss/settings/_constants.scss +1 -1
  6. data/sass/piecss/settings/_font.scss +1 -1
  7. data/sass/piecss/settings/_form.scss +332 -332
  8. data/sass/piecss/settings/_grid.scss +123 -123
  9. data/sass/piecss/settings/_list.scss +131 -131
  10. data/sass/piecss/settings/fonts/_roboto-slab.scss +1 -1
  11. data/sass/piecss/settings/fonts/_roboto.scss +1 -1
  12. data/sass/piecss/settings/fonts/_sofia-pro.scss +1 -1
  13. data/sass/piecss/settings/fonts/_varela-round.scss +1 -1
  14. data/sass/piecss/settings/fonts/icon-fonts/_fontawesome.scss +1 -1
  15. data/sass/piecss/settings/fonts/icon-fonts/_foundation-accessability.scss +1 -1
  16. data/sass/piecss/settings/fonts/icon-fonts/fontawesome/_bootstrap.scss +1 -1
  17. data/sass/piecss/settings/fonts/icon-fonts/fontawesome/_core.scss +1 -1
  18. data/sass/piecss/settings/fonts/icon-fonts/fontawesome/_extras.scss +1 -1
  19. data/sass/piecss/settings/fonts/icon-fonts/fontawesome/_icons.scss +1 -1
  20. data/sass/piecss/settings/fonts/icon-fonts/fontawesome/_mixins.scss +3 -3
  21. data/sass/piecss/settings/fonts/icon-fonts/fontawesome/_path.scss +1 -1
  22. data/sass/piecss/settings/fonts/icon-fonts/foundation-accessability/_settings.scss +2 -2
  23. data/sass/piecss/utilities/_breakpoint.scss +29 -30
  24. data/sass/piecss/utilities/_cache.scss +32 -32
  25. data/sass/piecss/utilities/_element.scss +50 -50
  26. data/sass/piecss/utilities/_image.scss +21 -21
  27. data/sass/piecss/utilities/_layout.scss +115 -115
  28. data/sass/piecss/utilities/_list.scss +10 -10
  29. data/sass/piecss/utilities/_miscellaneous.scss +99 -99
  30. data/sass/piecss/utilities/_rhythm.scss +42 -42
  31. data/sass/piecss/utilities/_side.scss +136 -136
  32. data/sass/piecss/utilities/_typography.scss +129 -132
  33. data/sass/piecss/utilities/_unit.scss +66 -64
  34. data/templates/project/_sets/_button.scss +4 -4
  35. data/templates/project/_sets/_form.scss +4 -4
  36. data/templates/project/_sets.scss +4 -4
  37. data/templates/project/_settings.scss +4 -4
  38. data/templates/project/screen.scss +1 -1
  39. metadata +9 -9
@@ -19,13 +19,13 @@
19
19
  // ==========================================================================
20
20
 
21
21
 
22
- /**
23
- * Seletor for button elements
24
- *
25
- * @since 0.1
26
- *
27
- * @type {String}
28
- */
22
+ ///
23
+ /// Seletor for button elements
24
+ ///
25
+ /// @since 0.1
26
+ ///
27
+ /// @type {String}
28
+ ///
29
29
 
30
30
  $button-selector: "%btn" !default;
31
31
 
@@ -37,14 +37,14 @@ $button-selector: "%btn" !default;
37
37
  // ==========================================================================
38
38
 
39
39
 
40
- /**
41
- * Collection of button selectors and property maps. For each selector, the corrresponding properties are rendered by the button behavior.
42
- * You can override button behavior by a) overriding any of the button settings, or by b) replacing the selector entry in this element collection map.
43
- *
44
- * @since 0.1
45
- *
46
- * @type {Map}
47
- */
40
+ ///
41
+ /// Collection of button selectors and property maps. For each selector, the corrresponding properties are rendered by the button behavior.
42
+ /// You can override button behavior by a) overriding any of the button settings, or by b) replacing the selector entry in this element collection map.
43
+ ///
44
+ /// @since 0.1
45
+ ///
46
+ /// @type {Map}
47
+ ///
48
48
 
49
49
  $button-elements: ();
50
50
 
@@ -62,123 +62,123 @@ $button-elements: ();
62
62
  //
63
63
  // --------------------------------------------------------------------------
64
64
 
65
- /**
66
- * button top-padding. Defaults to a quarter rhythm unit.
67
- *
68
- * @since 0.1
69
- *
70
- * @type {Number}
71
- */
65
+ ///
66
+ /// button top-padding. Defaults to a quarter rhythm unit.
67
+ ///
68
+ /// @since 0.1
69
+ ///
70
+ /// @type {Number}
71
+ ///
72
72
 
73
73
  $button-padding-top: rhythm(.25) !default;
74
74
 
75
- /**
76
- * button right-padding.
77
- *
78
- * @since 0.1
79
- *
80
- * @type {Number}
81
- */
75
+ ///
76
+ /// button right-padding.
77
+ ///
78
+ /// @since 0.1
79
+ ///
80
+ /// @type {Number}
81
+ ///
82
82
 
83
83
  $button-padding-right: .5em !default;
84
84
 
85
- /**
86
- * button bottom-padding. Defaults to a quarter rhythm unit.
87
- *
88
- * @since 0.1
89
- *
90
- * @type {Number}
91
- */
85
+ ///
86
+ /// button bottom-padding. Defaults to a quarter rhythm unit.
87
+ ///
88
+ /// @since 0.1
89
+ ///
90
+ /// @type {Number}
91
+ ///
92
92
 
93
93
  $button-padding-bottom: rhythm(.25) !default;
94
94
 
95
- /**
96
- * button left-padding.
97
- *
98
- * @since 0.1
99
- *
100
- * @type {Number}
101
- */
95
+ ///
96
+ /// button left-padding.
97
+ ///
98
+ /// @since 0.1
99
+ ///
100
+ /// @type {Number}
101
+ ///
102
102
 
103
103
  $button-padding-left: .5em !default;
104
104
 
105
- /**
106
- * button background-color, defaults to the default background color.
107
- *
108
- * @since 0.1
109
- *
110
- * @type {Color}
111
- */
105
+ ///
106
+ /// button background-color, defaults to the default background color.
107
+ ///
108
+ /// @since 0.1
109
+ ///
110
+ /// @type {Color}
111
+ ///
112
112
 
113
113
  $button-background-color: $color-primary !default;
114
114
 
115
- /**
116
- * button background-image, false will not render an image.
117
- *
118
- * @since 0.1
119
- *
120
- * @type {Color}
121
- */
115
+ ///
116
+ /// button background-image, false will not render an image.
117
+ ///
118
+ /// @since 0.1
119
+ ///
120
+ /// @type {Color}
121
+ ///
122
122
 
123
123
  $button-background-image: false !default;
124
124
 
125
- /**
126
- * button border width.
127
- *
128
- * @since 0.1
129
- *
130
- * @type {Number}
131
- */
125
+ ///
126
+ /// button border width.
127
+ ///
128
+ /// @since 0.1
129
+ ///
130
+ /// @type {Number}
131
+ ///
132
132
 
133
133
  $button-border-width: 0 !default;
134
134
 
135
- /**
136
- * button border style.
137
- *
138
- * @since 0.1
139
- *
140
- * @type {String}
141
- */
135
+ ///
136
+ /// button border style.
137
+ ///
138
+ /// @since 0.1
139
+ ///
140
+ /// @type {String}
141
+ ///
142
142
 
143
143
  $button-border-style: solid !default;
144
144
 
145
- /**
146
- * button border color.
147
- *
148
- * @since 0.1
149
- *
150
- * @type {Color}
151
- */
145
+ ///
146
+ /// button border color.
147
+ ///
148
+ /// @since 0.1
149
+ ///
150
+ /// @type {Color}
151
+ ///
152
152
 
153
153
  $button-border-color: mix($color-shadow, $button-background-color, 20%) !default;
154
154
 
155
- /**
156
- * button border radius.
157
- *
158
- * @since 0.1
159
- *
160
- * @type {Number}
161
- */
155
+ ///
156
+ /// button border radius.
157
+ ///
158
+ /// @since 0.1
159
+ ///
160
+ /// @type {Number}
161
+ ///
162
162
 
163
163
  $button-border-radius: $corner-radius !default;
164
164
 
165
- /**
166
- * button box sizing, set to border-box if you want consistent heights and widths accross form elements.
167
- *
168
- * @since 0.1
169
- *
170
- * @type {String}
171
- */
165
+ ///
166
+ /// button box sizing, set to border-box if you want consistent heights and widths accross form elements.
167
+ ///
168
+ /// @since 0.1
169
+ ///
170
+ /// @type {String}
171
+ ///
172
172
 
173
173
  $button-box-sizing: border-box !default;
174
174
 
175
- /**
176
- * button shadow, simple inset shadow by default.
177
- *
178
- * @since 0.1
179
- *
180
- * @type {List}
181
- */
175
+ ///
176
+ /// button shadow, simple inset shadow by default.
177
+ ///
178
+ /// @since 0.1
179
+ ///
180
+ /// @type {List}
181
+ ///
182
182
 
183
183
  $button-shadow: mix($color-highlight, $button-background-color, 20%) 1px 1px 1px 0 inset, mix($color-shadow, $button-background-color, 20%) -1px -1px 1px 0 inset !default;
184
184
 
@@ -190,73 +190,73 @@ $button-shadow: mix($color-highlight, $button-background-color, 20%) 1px 1px 1px
190
190
  // --------------------------------------------------------------------------
191
191
 
192
192
 
193
- /**
194
- * Background color of a button with active state.
195
- *
196
- * @since 0.1
197
- *
198
- * @type {Color}
199
- */
193
+ ///
194
+ /// Background color of a button with active state.
195
+ ///
196
+ /// @since 0.1
197
+ ///
198
+ /// @type {Color}
199
+ ///
200
200
 
201
201
  $button-focussed-background-color: mix($color-shadow, $button-background-color, 20%) !default;
202
202
 
203
- /**
204
- * button background-image of a button with active state. False will not render an image.
205
- *
206
- * @since 0.1
207
- *
208
- * @type {Color}
209
- */
203
+ ///
204
+ /// button background-image of a button with active state. False will not render an image.
205
+ ///
206
+ /// @since 0.1
207
+ ///
208
+ /// @type {Color}
209
+ ///
210
210
 
211
211
  $button-focussed-background-image: false !default;
212
212
 
213
- /**
214
- * button shadow, simple inset shadow by default.
215
- *
216
- * @since 0.1
217
- *
218
- * @type {List}
219
- */
213
+ ///
214
+ /// button shadow, simple inset shadow by default.
215
+ ///
216
+ /// @since 0.1
217
+ ///
218
+ /// @type {List}
219
+ ///
220
220
 
221
221
  $button-focussed-shadow: mix($color-highlight, $button-focussed-background-color, 20%) 1px 1px 1px 0 inset, mix($color-shadow, $button-focussed-background-color, 20%) -1px -1px 1px 0 inset !default;
222
222
 
223
- /**
224
- * Outline width of a button with focus state.
225
- *
226
- * @since 0.1
227
- *
228
- * @type {Number}
229
- */
223
+ ///
224
+ /// Outline width of a button with focus state.
225
+ ///
226
+ /// @since 0.1
227
+ ///
228
+ /// @type {Number}
229
+ ///
230
230
 
231
231
  $button-focussed-outline-width: 1px !default;
232
232
 
233
- /**
234
- * Outline style of a button with focus state.
235
- *
236
- * @since 0.1
237
- *
238
- * @type {String}
239
- */
233
+ ///
234
+ /// Outline style of a button with focus state.
235
+ ///
236
+ /// @since 0.1
237
+ ///
238
+ /// @type {String}
239
+ ///
240
240
 
241
241
  $button-focussed-outline-style: solid !default;
242
242
 
243
- /**
244
- * Outline color of a button with focus state.
245
- *
246
- * @since 0.1
247
- *
248
- * @type {Color}
249
- */
243
+ ///
244
+ /// Outline color of a button with focus state.
245
+ ///
246
+ /// @since 0.1
247
+ ///
248
+ /// @type {Color}
249
+ ///
250
250
 
251
251
  $button-focussed-outline-color: mix($button-border-color, $button-focussed-background-color, 0) !default;
252
252
 
253
- /**
254
- * Outline offset of a button with focus state. In this setting, the outline is rendered inside the button against the button background.
255
- * Be aware that this property can have a negative impact on a form's accessibility. Alter with care.
256
- *
257
- * @since 0.1
258
- *
259
- * @type {Number}
260
- */
253
+ ///
254
+ /// Outline offset of a button with focus state. In this setting, the outline is rendered inside the button against the button background.
255
+ /// Be aware that this property can have a negative impact on a form's accessibility. Alter with care.
256
+ ///
257
+ /// @since 0.1
258
+ ///
259
+ /// @type {Number}
260
+ ///
261
261
 
262
262
  $button-focussed-outline-offset: -1*( $button-focussed-outline-width + 3*$button-border-width) !default;
@@ -150,4 +150,4 @@ $wheat: #f5deb3;
150
150
  $white: #ffffff;
151
151
  $whitesmoke: #f5f5f5;
152
152
  $yellow: #ffff00;
153
- $yellowgreen: #9acd32;
153
+ $yellowgreen: #9acd32;
@@ -29,4 +29,4 @@
29
29
  // Fontspring fonts
30
30
  // ==========================================================================
31
31
 
32
- @import "fonts/sofia-pro";
32
+ @import "fonts/sofia-pro";