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