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