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
@@ -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;
@@ -21,4 +21,4 @@
21
21
 
22
22
  // style, variant, weight, family
23
23
  $varela-round-regular : normal normal 400 $varela-round-family;
24
- $varela-round: $varela-round-regular;
24
+ $varela-round: $varela-round-regular;
@@ -30,4 +30,4 @@
30
30
  @import "fontawesome/core";
31
31
  @import "fontawesome/bootstrap";
32
32
  @import "fontawesome/extras";
33
- @import "fontawesome/icons";
33
+ @import "fontawesome/icons";
@@ -72,4 +72,4 @@
72
72
  @include i-class(network,"016");
73
73
  @include i-class(guidedog,"017");
74
74
  @include i-class(universal-access,"018");
75
- @include i-class(elevator,"019");
75
+ @include i-class(elevator,"019");
@@ -1,5 +1,5 @@
1
1
  /* BOOTSTRAP SPECIFIC CLASSES
2
- * -------------------------- */
2
+ /// -------------------------- */
3
3
 
4
4
  /* Bootstrap 2.0 sprites.less reset */
5
5
  [class^="icon-"],
@@ -1,5 +1,5 @@
1
1
  /* FONT AWESOME CORE
2
- * -------------------------- */
2
+ /// -------------------------- */
3
3
 
4
4
  [class^="icon-"],
5
5
  [class*=" icon-"] {
@@ -1,5 +1,5 @@
1
1
  /* EXTRAS
2
- * -------------------------- */
2
+ /// -------------------------- */
3
3
 
4
4
  /* Stacked and layered icon */
5
5
  @include icon-stack();
@@ -1,5 +1,5 @@
1
1
  /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
2
- * readers do not read off random characters that represent icons */
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
- *margin-right: .3em; // fixes ie7 issues
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
- *line-height: $height;
41
+ ///line-height: $height;
42
42
  }
43
43
  .icon-stack-base {
44
44
  font-size: $base-font-size;
45
- *line-height: #{$height / $base-font-size}em;
45
+ ///line-height: #{$height / $base-font-size}em;
46
46
  }
47
47
  }
48
48
  }
@@ -1,5 +1,5 @@
1
1
  /* FONT PATH
2
- * -------------------------- */
2
+ /// -------------------------- */
3
3
 
4
4
  @font-face {
5
5
  font-family: 'FontAwesome';
@@ -10,7 +10,7 @@ $classPrefix: "foundicon-";
10
10
 
11
11
  @mixin ie-class($name,$pua) {
12
12
  .#{$classPrefix}#{$name} {
13
- *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf#{$pua};");
13
+ ///zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf#{$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
- * 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
- */
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
- $breakpoints: unquote($breakpoints);
28
- $query: ();
27
+ $breakpoints: unquote($breakpoints);
29
28
 
30
- @if list-separator($breakpoints)=="comma" {
31
-
32
- @each $breakpoint in $breakpoints {
33
- $breakpoint: unquote($breakpoint);
34
- $query: append($query, $breakpoint, comma);
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
- $query: "#{unquote($media)} and #{unquote($query)}";
40
+ $q: "#{$media} and #{$query}";
42
41
 
43
- @media #{$query} {
44
- @content;
45
- }
46
- }
42
+ @media #{$q} {
43
+ @content;
44
+ }
45
+ }
@@ -11,11 +11,11 @@
11
11
  // 1. Variables
12
12
 
13
13
 
14
- /**
15
- * This is where we collect the properties and their selectors
16
- *
17
- * @type {Map}
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
- * 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
- */
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
- * 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
- */
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
- * 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
- */
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
- * @alias add-properties
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
- * @alias add-properties
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
- * @alias add-properties
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
- * Mixes in properties
104
- *
105
- * @access public
106
- * @since 0.1
107
- *
108
- * @param {Map} $element - Map of CSS properties
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
- * 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
- */
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
- * 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
- */
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
- * 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
- */
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
+ }