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
@@ -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
|
+
}
|