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
@@ -37,4 +37,4 @@
|
|
37
37
|
$sofia-pro-semi-bold-italic : normal normal 200 $sofia-pro-family;
|
38
38
|
$sofia-pro-bold-italic : normal normal 200 $sofia-pro-family;
|
39
39
|
$sofia-pro-extra-bold-italic : normal normal 200 $sofia-pro-family;
|
40
|
-
$sofia-pro-heavy-italic : normal normal 200 $sofia-pro-family;
|
40
|
+
$sofia-pro-heavy-italic : normal normal 200 $sofia-pro-family;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
|
2
|
-
|
2
|
+
/// readers do not read off random characters that represent icons */
|
3
3
|
|
4
4
|
.icon-glass:before { content: $glass; }
|
5
5
|
.icon-music:before { content: $music; }
|
@@ -12,7 +12,7 @@
|
|
12
12
|
font-style: normal;
|
13
13
|
text-decoration: inherit;
|
14
14
|
-webkit-font-smoothing: antialiased;
|
15
|
-
|
15
|
+
///margin-right: .3em; // fixes ie7 issues
|
16
16
|
}
|
17
17
|
|
18
18
|
// @mixin border-radius($radius) {
|
@@ -38,11 +38,11 @@
|
|
38
38
|
height: 100%;
|
39
39
|
font-size: $top-font-size;
|
40
40
|
line-height: inherit;
|
41
|
-
|
41
|
+
///line-height: $height;
|
42
42
|
}
|
43
43
|
.icon-stack-base {
|
44
44
|
font-size: $base-font-size;
|
45
|
-
|
45
|
+
///line-height: #{$height / $base-font-size}em;
|
46
46
|
}
|
47
47
|
}
|
48
48
|
}
|
@@ -10,7 +10,7 @@ $classPrefix: "foundicon-";
|
|
10
10
|
|
11
11
|
@mixin ie-class($name,$pua) {
|
12
12
|
.#{$classPrefix}#{$name} {
|
13
|
-
|
13
|
+
///zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = "#{$pua};");
|
14
14
|
}
|
15
15
|
}
|
16
16
|
|
@@ -25,4 +25,4 @@ $classPrefix: "foundicon-";
|
|
25
25
|
font-weight: normal;
|
26
26
|
font-style: normal;
|
27
27
|
}
|
28
|
-
}
|
28
|
+
}
|
@@ -8,39 +8,38 @@
|
|
8
8
|
|
9
9
|
// 1. FUNCTIONS
|
10
10
|
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
11
|
+
///
|
12
|
+
/// Expects a valid breakpoint expression like (min-width: 30em)
|
13
|
+
/// A collection of pre-defined breakpoints are defined in [settings/breakpoints](*). Override and add breakpoints in your project's settings file.
|
14
|
+
///
|
15
|
+
/// @example scss
|
16
|
+
/// $small_handheld: "(max-width: #{to-unit(480px,1em,16px)})";
|
17
|
+
/// @include breakpoint($small_handheld);
|
18
|
+
///
|
19
|
+
/// @access public
|
20
|
+
/// @since 0.1
|
21
|
+
///
|
22
|
+
/// @param {String} $breakpoints - A valid breakpoint
|
23
|
+
/// @param {Map} $media - The media to which this breakpoint applies
|
24
|
+
///
|
25
25
|
@mixin breakpoint($breakpoints, $media: "only screen")
|
26
26
|
{
|
27
|
-
|
28
|
-
$query: ();
|
27
|
+
$breakpoints: unquote($breakpoints);
|
29
28
|
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
}
|
36
|
-
}
|
37
|
-
@else {
|
38
|
-
$query: append($query, $breakpoints, comma);
|
29
|
+
$query: ();
|
30
|
+
@if list-separator($breakpoints)=="comma" {
|
31
|
+
@each $breakpoint in $breakpoints {
|
32
|
+
$breakpoint: unquote($breakpoint);
|
33
|
+
$query: append($query, $breakpoint, comma);
|
39
34
|
}
|
35
|
+
}
|
36
|
+
@else {
|
37
|
+
$query: append($query, $breakpoints, comma);
|
38
|
+
}
|
40
39
|
|
41
|
-
|
40
|
+
$q: "#{$media} and #{$query}";
|
42
41
|
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
}
|
42
|
+
@media #{$q} {
|
43
|
+
@content;
|
44
|
+
}
|
45
|
+
}
|
@@ -11,11 +11,11 @@
|
|
11
11
|
// 1. Variables
|
12
12
|
|
13
13
|
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
14
|
+
///
|
15
|
+
/// This is where we collect the properties and their selectors
|
16
|
+
///
|
17
|
+
/// @type {Map}
|
18
|
+
///
|
19
19
|
|
20
20
|
$smart-cache: ();
|
21
21
|
|
@@ -23,32 +23,32 @@ $smart-cache: ();
|
|
23
23
|
// 1. Functions
|
24
24
|
|
25
25
|
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
26
|
+
///
|
27
|
+
/// Function smart-cache
|
28
|
+
///
|
29
|
+
/// @example scss
|
30
|
+
/// %inline-block {
|
31
|
+
/// @include smart-cache((
|
32
|
+
/// display: inline-block
|
33
|
+
/// ));
|
34
|
+
/// }
|
35
|
+
/// %no-padding {
|
36
|
+
/// @include smart-cache((
|
37
|
+
/// padding: 0
|
38
|
+
/// ));
|
39
|
+
/// }
|
40
|
+
/// %no-margin {
|
41
|
+
/// @include smart-cache((
|
42
|
+
/// margin: 0,
|
43
|
+
/// ));
|
44
|
+
/// }
|
45
|
+
///
|
46
|
+
/// @todo This mixin is under construction and experimental - do not use yet
|
47
|
+
///
|
48
|
+
/// @since 0.1
|
49
|
+
///
|
50
|
+
/// @param {Map} $properties - Map of CSS properties
|
51
|
+
///
|
52
52
|
|
53
53
|
@mixin smart-cache($properties) {
|
54
54
|
|
@@ -71,4 +71,4 @@ $smart-cache: ();
|
|
71
71
|
@extend %#{$property}-#{index(map-get($smart-cache, $property), $value)};
|
72
72
|
}
|
73
73
|
|
74
|
-
}
|
74
|
+
}
|
@@ -13,18 +13,18 @@
|
|
13
13
|
// 1. FUNCTIONS
|
14
14
|
|
15
15
|
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
16
|
+
///
|
17
|
+
/// Mixes in a new namespace (selector) and css properties into an elements collection.
|
18
|
+
///
|
19
|
+
/// @access public
|
20
|
+
/// @since 0.1
|
21
|
+
///
|
22
|
+
/// @param {Map} $elements - Map, a collection of $selector: $property pairs
|
23
|
+
/// @param {Map} $selector - The selector under which the properties will be rendered, for example: %placeholder
|
24
|
+
/// @param {Map} $properties (()) - Map of CSS properties
|
25
|
+
///
|
26
|
+
/// @return {Map}
|
27
|
+
///
|
28
28
|
|
29
29
|
@function add-element($elements, $selector, $properties: ())
|
30
30
|
{
|
@@ -35,18 +35,18 @@
|
|
35
35
|
@return $elements;
|
36
36
|
}
|
37
37
|
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
38
|
+
///
|
39
|
+
/// Mixes in properties into a selector namespace
|
40
|
+
///
|
41
|
+
/// @access public
|
42
|
+
/// @since 0.1
|
43
|
+
///
|
44
|
+
/// @param {Map} $properties - Map of CSS properties
|
45
|
+
/// @param {Map} $selector - The selector under which the properties will be rendered, for example: %placeholder
|
46
|
+
/// @param {Map} $elements - Map, a collection of $selector: $property pairs
|
47
|
+
///
|
48
|
+
/// @return {Map}
|
49
|
+
///
|
50
50
|
|
51
51
|
@function add-properties($properties, $selector, $elements)
|
52
52
|
{
|
@@ -68,27 +68,27 @@
|
|
68
68
|
@return $elements;
|
69
69
|
}
|
70
70
|
|
71
|
-
|
72
|
-
|
73
|
-
|
71
|
+
///
|
72
|
+
/// @alias add-properties
|
73
|
+
///
|
74
74
|
@function add-props($properties, $selector, $elements)
|
75
75
|
{
|
76
76
|
$elements: add-properties($properties, $selector, $elements);
|
77
77
|
@return $elements;
|
78
78
|
}
|
79
79
|
|
80
|
-
|
81
|
-
|
82
|
-
|
80
|
+
///
|
81
|
+
/// @alias add-properties
|
82
|
+
///
|
83
83
|
@function merge-properties($properties, $selector, $elements)
|
84
84
|
{
|
85
85
|
$elements: add-properties($properties, $selector, $elements);
|
86
86
|
@return $elements;
|
87
87
|
}
|
88
88
|
|
89
|
-
|
90
|
-
|
91
|
-
|
89
|
+
///
|
90
|
+
/// @alias add-properties
|
91
|
+
///
|
92
92
|
@function merge-props($properties, $selector, $elements)
|
93
93
|
{
|
94
94
|
$elements: add-properties($properties, $selector, $elements);
|
@@ -99,14 +99,14 @@
|
|
99
99
|
// 2. MIXINS
|
100
100
|
|
101
101
|
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
102
|
+
///
|
103
|
+
/// Mixes in properties
|
104
|
+
///
|
105
|
+
/// @access public
|
106
|
+
/// @since 0.1
|
107
|
+
///
|
108
|
+
/// @param {Map} $element - Map of CSS properties
|
109
|
+
///
|
110
110
|
|
111
111
|
@mixin properties($element)
|
112
112
|
{
|
@@ -161,14 +161,14 @@
|
|
161
161
|
}
|
162
162
|
|
163
163
|
|
164
|
-
|
165
|
-
|
166
|
-
|
167
|
-
|
168
|
-
|
169
|
-
|
170
|
-
|
171
|
-
|
164
|
+
///
|
165
|
+
/// Mixes in all elements from an element collection
|
166
|
+
///
|
167
|
+
/// @access public
|
168
|
+
/// @since 0.1
|
169
|
+
///
|
170
|
+
/// @param {Map} $elements - Map, a collection of $selector: $property pairs
|
171
|
+
///
|
172
172
|
|
173
173
|
@mixin elements($elements) {
|
174
174
|
$selectors: map-keys($elements);
|
@@ -179,4 +179,4 @@
|
|
179
179
|
@include properties($element);
|
180
180
|
}
|
181
181
|
}
|
182
|
-
}
|
182
|
+
}
|
@@ -10,17 +10,17 @@
|
|
10
10
|
// 1. FUNCTIONS
|
11
11
|
|
12
12
|
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
13
|
+
///
|
14
|
+
/// Calculates the proportions of an element based on its width and height
|
15
|
+
///
|
16
|
+
/// @since 0.1
|
17
|
+
///
|
18
|
+
/// @todo: do something when numbers are not the same units
|
19
|
+
///
|
20
|
+
/// @param {Map} $size - Map of width and height pairs (width: 100px, height: 100px)
|
21
|
+
///
|
22
|
+
/// @return {Number}
|
23
|
+
///
|
24
24
|
|
25
25
|
@function proportion($size)
|
26
26
|
{
|
@@ -30,15 +30,15 @@
|
|
30
30
|
@return $width / $height;
|
31
31
|
}
|
32
32
|
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
33
|
+
///
|
34
|
+
/// Returns a string for horizontal, portrait or square proportions
|
35
|
+
///
|
36
|
+
/// @since 0.1
|
37
|
+
///
|
38
|
+
/// @param {Map} $size - Map of width and height pairs (width: 100px, height: 100px)
|
39
|
+
///
|
40
|
+
/// @return {String}
|
41
|
+
///
|
42
42
|
|
43
43
|
@function orientation($size)
|
44
44
|
{
|
@@ -55,4 +55,4 @@
|
|
55
55
|
@if $proportion == 1 {
|
56
56
|
@return square;
|
57
57
|
}
|
58
|
-
}
|
58
|
+
}
|