piecss 0.1.6.5.1 → 0.1.7
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/sass/piecss/settings/_base.scss +159 -159
- data/sass/piecss/settings/_breakpoint.scss +21 -21
- data/sass/piecss/settings/_button.scss +149 -149
- data/sass/piecss/settings/_constants.scss +1 -1
- data/sass/piecss/settings/_font.scss +1 -1
- data/sass/piecss/settings/_form.scss +332 -332
- data/sass/piecss/settings/_grid.scss +123 -123
- data/sass/piecss/settings/_list.scss +131 -131
- data/sass/piecss/settings/fonts/_roboto-slab.scss +1 -1
- data/sass/piecss/settings/fonts/_roboto.scss +1 -1
- data/sass/piecss/settings/fonts/_sofia-pro.scss +1 -1
- data/sass/piecss/settings/fonts/_varela-round.scss +1 -1
- data/sass/piecss/settings/fonts/icon-fonts/_fontawesome.scss +1 -1
- data/sass/piecss/settings/fonts/icon-fonts/_foundation-accessability.scss +1 -1
- data/sass/piecss/settings/fonts/icon-fonts/fontawesome/_bootstrap.scss +1 -1
- data/sass/piecss/settings/fonts/icon-fonts/fontawesome/_core.scss +1 -1
- data/sass/piecss/settings/fonts/icon-fonts/fontawesome/_extras.scss +1 -1
- data/sass/piecss/settings/fonts/icon-fonts/fontawesome/_icons.scss +1 -1
- data/sass/piecss/settings/fonts/icon-fonts/fontawesome/_mixins.scss +3 -3
- data/sass/piecss/settings/fonts/icon-fonts/fontawesome/_path.scss +1 -1
- data/sass/piecss/settings/fonts/icon-fonts/foundation-accessability/_settings.scss +2 -2
- data/sass/piecss/utilities/_breakpoint.scss +29 -30
- data/sass/piecss/utilities/_cache.scss +32 -32
- data/sass/piecss/utilities/_element.scss +50 -50
- data/sass/piecss/utilities/_image.scss +21 -21
- data/sass/piecss/utilities/_layout.scss +115 -115
- data/sass/piecss/utilities/_list.scss +10 -10
- data/sass/piecss/utilities/_miscellaneous.scss +99 -99
- data/sass/piecss/utilities/_rhythm.scss +42 -42
- data/sass/piecss/utilities/_side.scss +136 -136
- data/sass/piecss/utilities/_typography.scss +129 -132
- data/sass/piecss/utilities/_unit.scss +66 -64
- data/templates/project/_sets/_button.scss +4 -4
- data/templates/project/_sets/_form.scss +4 -4
- data/templates/project/_sets.scss +4 -4
- data/templates/project/_settings.scss +4 -4
- data/templates/project/screen.scss +1 -1
- metadata +9 -9
@@ -5,54 +5,54 @@
|
|
5
5
|
|
6
6
|
// Vertical measurements like line-height and %-top and %-bottom are factors of rhythm
|
7
7
|
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
8
|
+
///
|
9
|
+
/// This measure is used to calculare vertical measurements like line-height and top and bottom paddings and margins. It defaults to the $default-line-height but some prefer to set it to a smaller value, like 1/2 or 1/3 times the $default-line-height.
|
10
|
+
///
|
11
|
+
/// @since 0.1
|
12
|
+
///
|
13
|
+
/// @type {Number}
|
14
|
+
///
|
15
15
|
|
16
16
|
$rhythm: $default-line-height !default;
|
17
17
|
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
18
|
+
///
|
19
|
+
/// If true,reveals the document's vertical rhythm. Also see: [mixin $debug-rhythm](./#mixin-debug-rhythm).
|
20
|
+
///
|
21
|
+
/// @since 0.1
|
22
|
+
///
|
23
|
+
/// @type {Bool}
|
24
|
+
///
|
25
25
|
|
26
26
|
$debug-rhythm: false !default;
|
27
27
|
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
28
|
+
///
|
29
|
+
/// If true,reveals the document's horizontal rhythm. Also see: [mixin $debug-layout](./#mixin-debug-layout).
|
30
|
+
///
|
31
|
+
/// @since 0.1
|
32
|
+
///
|
33
|
+
/// @type {Bool}
|
34
|
+
///
|
35
35
|
|
36
36
|
$debug-layout: false !default;
|
37
37
|
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
38
|
+
///
|
39
|
+
/// Based on an idea by [@csswizardry](https://twitter.com/csswizardry): apply a bottom margin of one rhythm height to any element in this comma separated list.
|
40
|
+
///
|
41
|
+
/// @since 0.1
|
42
|
+
///
|
43
|
+
/// @type {List}
|
44
|
+
///
|
45
45
|
|
46
46
|
$single-direction-elements: (p,pre,table,hr,article) !default;
|
47
47
|
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
48
|
+
///
|
49
|
+
/// Column classes are rendered from this map. The first level of each item has a breakpoint string as a key, the value is another Map of classnames/column widths pairs. Column widths are expressed as factors.
|
50
|
+
/// Piecss will render these columns by default, unless you override this Map from your project settings.
|
51
|
+
///
|
52
|
+
/// @since 0.1
|
53
|
+
///
|
54
|
+
/// @type {Map}
|
55
|
+
///
|
56
56
|
|
57
57
|
$column-widths: (
|
58
58
|
$small_handheld: (small-1-2: 1/2, small-1-3: 1/3, small-2-3: 2/3),
|
@@ -60,79 +60,79 @@ $column-widths: (
|
|
60
60
|
$small_desktop: (default-1-2: 1/2, default-1-3: 1/3, default-1-4: 1/4, default-2-3: 2/3, default-3-4: 3/4),
|
61
61
|
) !default;
|
62
62
|
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
63
|
+
///
|
64
|
+
/// Default column width, all columns implemented with [column()](./#mixin-column) will have this width unless otherwise specified.
|
65
|
+
///
|
66
|
+
/// @since 0.1
|
67
|
+
///
|
68
|
+
/// @type {Number}
|
69
|
+
///
|
70
70
|
|
71
71
|
$column-width-default: 1/1 !default;
|
72
72
|
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
73
|
+
///
|
74
|
+
/// If set to true, the [column() mixin](./#mixin-column) will mixin a reset of all column widths to 100% at the smallest [breakpoint](./#variable-small_handheld). If you are developing mobile-first, leave this setting to false.
|
75
|
+
///
|
76
|
+
/// @deprecated
|
77
|
+
///
|
78
|
+
/// @since 0.1
|
79
|
+
///
|
80
|
+
/// @type {Bool}
|
81
|
+
///
|
82
82
|
|
83
83
|
$column-breakpoint: false !default;
|
84
84
|
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
85
|
+
///
|
86
|
+
/// By default, columns are rendered as inline-blocks. Inline-block elements are much easier to implement than floating elements, but require the invisible space between elements to be minified or obscured.
|
87
|
+
/// If you can't minify your markup, then floated columns (or [negative right margin](./#variable-negative-right-margin)) will be helpful. You will have to implement your own clearfix method though.
|
88
|
+
///
|
89
|
+
/// @since 0.1
|
90
|
+
///
|
91
|
+
/// @type {Bool}
|
92
|
+
///
|
93
93
|
|
94
94
|
$column-float: false !default; // If you prefer floated columns instead of inline-blocks, set to true.
|
95
95
|
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
96
|
+
///
|
97
|
+
/// Gutter widths are based on the vertical [rhythm](./#variable-rhythm) and default to 2*$rhythm. Gutters are implemented using the [gutter mixin](./#mixin-gutters) and are expressed in factors of this measure (usually 1/2).
|
98
|
+
///
|
99
|
+
/// @since 0.1
|
100
|
+
///
|
101
|
+
/// @type {Number}
|
102
|
+
///
|
103
103
|
|
104
104
|
$gutter-width: 2*$rhythm !default;
|
105
105
|
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
106
|
+
///
|
107
|
+
/// The final unit of output in which gutter widths are rendered
|
108
|
+
///
|
109
|
+
/// @since 0.1
|
110
|
+
///
|
111
|
+
/// @type {Number}
|
112
|
+
///
|
113
113
|
|
114
114
|
$gutter-width-unit: $unit !default;
|
115
115
|
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
|
123
|
-
|
124
|
-
|
116
|
+
///
|
117
|
+
/// If false, gutter widths will be halved below the smallest breakpoint.
|
118
|
+
///
|
119
|
+
/// @deprecated
|
120
|
+
///
|
121
|
+
/// @since 0.1
|
122
|
+
///
|
123
|
+
/// @type {Number}
|
124
|
+
///
|
125
125
|
|
126
126
|
$gutter-width-persistent: false !default;
|
127
127
|
|
128
|
-
|
129
|
-
|
130
|
-
|
131
|
-
|
132
|
-
|
133
|
-
|
134
|
-
|
135
|
-
|
128
|
+
///
|
129
|
+
/// If you cannot minify your markup, you can assign a negative right margin to close gaps between columns to make them fit.
|
130
|
+
/// You can also set [$column-float](./#variable-column-float) to true to render your columns as floated blocks. You will have to implement your own clearfix method though.
|
131
|
+
/// This is a hack and not necessary when your html (or column markup) is minimized.
|
132
|
+
/// @since 0.1
|
133
|
+
///
|
134
|
+
/// @type {Number}
|
135
|
+
///
|
136
136
|
|
137
137
|
$negative-right-margin: false !default;
|
138
138
|
|
@@ -142,47 +142,47 @@ $negative-right-margin: false !default;
|
|
142
142
|
// The root container can be positioned left or center, for alternate position you can provide your own behavior.
|
143
143
|
|
144
144
|
|
145
|
-
|
146
|
-
|
147
|
-
|
148
|
-
|
149
|
-
|
150
|
-
|
151
|
-
|
152
|
-
|
153
|
-
|
145
|
+
///
|
146
|
+
/// Fixes content maximum width, 72em is 1152px at a 16px [$default-font-size](./#variable-default-font-size). It is used by the [root mixin](./#mixin-root).
|
147
|
+
///
|
148
|
+
/// @deprecated
|
149
|
+
///
|
150
|
+
/// @since 0.1
|
151
|
+
///
|
152
|
+
/// @type {Number}
|
153
|
+
///
|
154
154
|
|
155
155
|
$root-max-width: 72em !default;
|
156
156
|
|
157
|
-
|
158
|
-
|
159
|
-
|
160
|
-
|
161
|
-
|
162
|
-
|
163
|
-
|
164
|
-
|
165
|
-
|
157
|
+
///
|
158
|
+
/// Aligns content inside the viewport, center by default. Used by the [root mixin](./#mixin-root).
|
159
|
+
///
|
160
|
+
/// @deprecated
|
161
|
+
///
|
162
|
+
/// @since 0.1
|
163
|
+
///
|
164
|
+
/// @type {Number}
|
165
|
+
///
|
166
166
|
|
167
167
|
$root-position: center !default;
|
168
168
|
|
169
|
-
|
170
|
-
|
171
|
-
|
172
|
-
|
173
|
-
|
174
|
-
|
175
|
-
|
169
|
+
///
|
170
|
+
/// The page's default number of columns. Used in debug-layout to visualize column layout.
|
171
|
+
///
|
172
|
+
/// @since 0.1
|
173
|
+
///
|
174
|
+
/// @type {Number}
|
175
|
+
///
|
176
176
|
|
177
177
|
$columns: 4 !default;
|
178
178
|
|
179
|
-
|
180
|
-
|
181
|
-
|
182
|
-
|
183
|
-
|
184
|
-
|
185
|
-
|
179
|
+
///
|
180
|
+
/// Totally arbitrary default breakpoint layouts.
|
181
|
+
///
|
182
|
+
/// @since 0.1
|
183
|
+
///
|
184
|
+
/// @type {Map}
|
185
|
+
///
|
186
186
|
|
187
187
|
$layouts: (
|
188
188
|
$small_handheld: (
|
@@ -1,35 +1,35 @@
|
|
1
1
|
// Copyright (C) 2014 Babs Gösgens. Licensed under MIT; see LICENSE.txt
|
2
2
|
|
3
3
|
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
4
|
+
///
|
5
|
+
/// If true, the default behavior of lists will be reset (remove padding and list-style-type none).
|
6
|
+
///
|
7
|
+
/// @type {Bool}
|
8
|
+
///
|
9
9
|
|
10
10
|
$reset-list: false;
|
11
11
|
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
12
|
+
///
|
13
|
+
/// The namespace for the list placeholders
|
14
|
+
///
|
15
|
+
/// @type {String}
|
16
|
+
///
|
17
17
|
|
18
18
|
$list-selector: "list" !default;
|
19
19
|
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
20
|
+
///
|
21
|
+
/// The default list-style-type for ul lists
|
22
|
+
///
|
23
|
+
/// @type {String}
|
24
|
+
///
|
25
25
|
|
26
26
|
$list-ul-default: disc !default;
|
27
27
|
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
28
|
+
///
|
29
|
+
/// The default list-style-type for ol lists
|
30
|
+
///
|
31
|
+
/// @type {String}
|
32
|
+
///
|
33
33
|
|
34
34
|
$list-ol-default: decimal !default;
|
35
35
|
|
@@ -39,178 +39,178 @@ $list-ol-default: decimal !default;
|
|
39
39
|
// See: http://www.w3schools.com/cssref/pr_list-style-type.asp
|
40
40
|
// ==========================================================================
|
41
41
|
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
42
|
+
///
|
43
|
+
/// If true, Piecss will render a placeholder for this list-style-type (%list--armenian)
|
44
|
+
///
|
45
|
+
/// @type {Bool}
|
46
|
+
///
|
47
47
|
|
48
48
|
$list-style-type-armenian: false !default;
|
49
49
|
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
50
|
+
///
|
51
|
+
/// If true, Piecss will render a placeholder for this list-style-type (%list--circle)
|
52
|
+
///
|
53
|
+
/// @type {Bool}
|
54
|
+
///
|
55
55
|
|
56
56
|
$list-style-type-circle: true !default;
|
57
57
|
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
58
|
+
///
|
59
|
+
/// If true, Piecss will render a placeholder for this list-style-type (%list--cjk-ideographic)
|
60
|
+
///
|
61
|
+
/// @type {Bool}
|
62
|
+
///
|
63
63
|
|
64
64
|
$list-style-type-cjk-ideographic: false !default;
|
65
65
|
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
66
|
+
///
|
67
|
+
/// If true, Piecss will render a placeholder for this list-style-type (%list--decimal)
|
68
|
+
///
|
69
|
+
/// @type {Bool}
|
70
|
+
///
|
71
71
|
|
72
72
|
$list-style-type-decimal: true !default;
|
73
73
|
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
74
|
+
///
|
75
|
+
/// If true, Piecss will render a placeholder for this list-style-type (%list--decimal-leading-zero)
|
76
|
+
///
|
77
|
+
/// @type {Bool}
|
78
|
+
///
|
79
79
|
|
80
80
|
$list-style-type-decimal-leading-zero: false !default;
|
81
81
|
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
82
|
+
///
|
83
|
+
/// If true, Piecss will render a placeholder for this list-style-type (%list--disc)
|
84
|
+
///
|
85
|
+
/// @type {Bool}
|
86
|
+
///
|
87
87
|
|
88
88
|
$list-style-type-disc: true !default;
|
89
89
|
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
90
|
+
///
|
91
|
+
/// If true, Piecss will render a placeholder for this list-style-type (%list--georgian)
|
92
|
+
///
|
93
|
+
/// @type {Bool}
|
94
|
+
///
|
95
95
|
|
96
96
|
$list-style-type-georgian: false !default;
|
97
97
|
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
98
|
+
///
|
99
|
+
/// If true, Piecss will render a placeholder for this list-style-type (%list--hebrew)
|
100
|
+
///
|
101
|
+
/// @type {Bool}
|
102
|
+
///
|
103
103
|
|
104
104
|
$list-style-type-hebrew: false !default;
|
105
105
|
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
106
|
+
///
|
107
|
+
/// If true, Piecss will render a placeholder for this list-style-type (%list--hiragana)
|
108
|
+
///
|
109
|
+
/// @type {Bool}
|
110
|
+
///
|
111
111
|
|
112
112
|
$list-style-type-hiragana: false;
|
113
113
|
|
114
|
-
|
115
|
-
|
116
|
-
|
117
|
-
|
118
|
-
|
114
|
+
///
|
115
|
+
/// If true, Piecss will render a placeholder for this list-style-type (%list--hiragana-iroha)
|
116
|
+
///
|
117
|
+
/// @type {Bool}
|
118
|
+
///
|
119
119
|
|
120
120
|
$list-style-type-hiragana-iroha: false !default;
|
121
121
|
|
122
|
-
|
123
|
-
|
124
|
-
|
125
|
-
|
126
|
-
|
122
|
+
///
|
123
|
+
/// If true, Piecss will render a placeholder for this list-style-type (%list--inherit)
|
124
|
+
///
|
125
|
+
/// @type {Bool}
|
126
|
+
///
|
127
127
|
|
128
128
|
$list-style-type-inherit: true !default;
|
129
129
|
|
130
|
-
|
131
|
-
|
132
|
-
|
133
|
-
|
134
|
-
|
130
|
+
///
|
131
|
+
/// If true, Piecss will render a placeholder for this list-style-type (%list--katakana)
|
132
|
+
///
|
133
|
+
/// @type {Bool}
|
134
|
+
///
|
135
135
|
|
136
136
|
$list-style-type-katakana: false !default;
|
137
137
|
|
138
|
-
|
139
|
-
|
140
|
-
|
141
|
-
|
142
|
-
|
138
|
+
///
|
139
|
+
/// If true, Piecss will render a placeholder for this list-style-type (%list--katakana-iroha)
|
140
|
+
///
|
141
|
+
/// @type {Bool}
|
142
|
+
///
|
143
143
|
|
144
144
|
$list-style-type-katakana-iroha: false !default;
|
145
145
|
|
146
|
-
|
147
|
-
|
148
|
-
|
149
|
-
|
150
|
-
|
146
|
+
///
|
147
|
+
/// If true, Piecss will render a placeholder for this list-style-type (%list--lower-alpha)
|
148
|
+
///
|
149
|
+
/// @type {Bool}
|
150
|
+
///
|
151
151
|
|
152
152
|
$list-style-type-lower-alpha: true !default;
|
153
153
|
|
154
|
-
|
155
|
-
|
156
|
-
|
157
|
-
|
158
|
-
|
154
|
+
///
|
155
|
+
/// If true, Piecss will render a placeholder for this list-style-type (%list--lower-greek)
|
156
|
+
///
|
157
|
+
/// @type {Bool}
|
158
|
+
///
|
159
159
|
|
160
160
|
$list-style-type-lower-greek: false !default;
|
161
161
|
|
162
|
-
|
163
|
-
|
164
|
-
|
165
|
-
|
166
|
-
|
162
|
+
///
|
163
|
+
/// If true, Piecss will render a placeholder for this list-style-type (%list--lower-latin)
|
164
|
+
///
|
165
|
+
/// @type {Bool}
|
166
|
+
///
|
167
167
|
|
168
168
|
$list-style-type-lower-latin: true !default;
|
169
169
|
|
170
|
-
|
171
|
-
|
172
|
-
|
173
|
-
|
174
|
-
|
170
|
+
///
|
171
|
+
/// If true, Piecss will render a placeholder for this list-style-type (%list--lower-roman)
|
172
|
+
///
|
173
|
+
/// @type {Bool}
|
174
|
+
///
|
175
175
|
|
176
176
|
$list-style-type-lower-roman: true !default;
|
177
177
|
|
178
|
-
|
179
|
-
|
180
|
-
|
181
|
-
|
182
|
-
|
178
|
+
///
|
179
|
+
/// If true, Piecss will render a placeholder for this list-style-type (%list--none)
|
180
|
+
///
|
181
|
+
/// @type {Bool}
|
182
|
+
///
|
183
183
|
|
184
184
|
$list-style-type-none: true !default;
|
185
185
|
|
186
|
-
|
187
|
-
|
188
|
-
|
189
|
-
|
190
|
-
|
186
|
+
///
|
187
|
+
/// If true, Piecss will render a placeholder for this list-style-type (%list--square)
|
188
|
+
///
|
189
|
+
/// @type {Bool}
|
190
|
+
///
|
191
191
|
|
192
192
|
$list-style-type-square: true !default;
|
193
193
|
|
194
|
-
|
195
|
-
|
196
|
-
|
197
|
-
|
198
|
-
|
194
|
+
///
|
195
|
+
/// If true, Piecss will render a placeholder for this list-style-type (%list--upper-alpha)
|
196
|
+
///
|
197
|
+
/// @type {Bool}
|
198
|
+
///
|
199
199
|
|
200
200
|
$list-style-type-upper-alpha: true !default;
|
201
201
|
|
202
|
-
|
203
|
-
|
204
|
-
|
205
|
-
|
206
|
-
|
202
|
+
///
|
203
|
+
/// If true, Piecss will render a placeholder for this list-style-type (%list--upper-latin)
|
204
|
+
///
|
205
|
+
/// @type {Bool}
|
206
|
+
///
|
207
207
|
|
208
208
|
$list-style-type-upper-latin: true !default;
|
209
209
|
|
210
|
-
|
211
|
-
|
212
|
-
|
213
|
-
|
214
|
-
|
210
|
+
///
|
211
|
+
/// If true, Piecss will render a placeholder for this list-style-type (%list--upper-roman)
|
212
|
+
///
|
213
|
+
/// @type {Bool}
|
214
|
+
///
|
215
215
|
|
216
|
-
$list-style-type-upper-roman: true !default;
|
216
|
+
$list-style-type-upper-roman: true !default;
|