shelves 0.6.0 → 1.0.0

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 (20) hide show
  1. data/README.md +5 -50
  2. data/component.json +1 -1
  3. data/lib/shelves/cli.rb +21 -5
  4. data/lib/shelves/version.rb +1 -1
  5. data/scss/shelves-grid.scss +146 -1
  6. data/scss/shelves.scss +1 -1
  7. data/scss/shelves/_functions.scss +79 -60
  8. data/scss/shelves/_mixins.scss +5 -3
  9. data/scss/shelves/_variables.scss +98 -0
  10. data/scss/shelves/mixins/_column.scss +226 -0
  11. data/scss/shelves/mixins/_context.scss +69 -0
  12. data/scss/shelves/mixins/_generators.scss +76 -204
  13. data/scss/shelves/mixins/_media.scss +150 -0
  14. data/scss/shelves/mixins/_row.scss +65 -0
  15. data/scss/shelves/mixins/_utils.scss +56 -0
  16. metadata +8 -6
  17. data/scss/shelves/_settings.scss +0 -61
  18. data/scss/shelves/mixins/_base.scss +0 -169
  19. data/scss/shelves/mixins/_modifiers.scss +0 -75
  20. data/scss/shelves/mixins/_resets.scss +0 -56
data/scss/shelves/mixins/_modifiers.scss DELETED
@@ -1,75 +0,0 @@
1
- // Adds a padding suffix (which shifts the column to the right)
2
- // spanning the given number of columns.
3
- //
4
- // $n - The number of columns to pad.
5
- // $context - The number of columns encapsulating the element.
6
- // Defaults to the the value of $total.
7
- // $total - The total number of columns in the grid.
8
- // Defaults to the value of $shelves-columns.
9
- // $gutter - The width of the gutter in the root context (in %).
10
- // Defaults to the value of $shelves-gutter.
11
- //
12
- @mixin column-prefix(
13
- $n,
14
- $context: null,
15
- $total: $shelves-columns,
16
- $gutter: $shelves-gutter) {
17
- padding-left: columns-distance($n, $context, $total, $gutter);
18
- }
19
-
20
- // Adds a padding suffix (which shifts the column to the left)
21
- // spanning the given number of columns.
22
- //
23
- // $n - The number of columns to pad.
24
- // $context - The number of columns encapsulating the element.
25
- // Defaults to the the value of $total.
26
- // $total - The total number of columns in the grid.
27
- // Defaults to the value of $shelves-columns.
28
- // $gutter - The width of the gutter in the root context (in %).
29
- // Defaults to the value of $shelves-gutter.
30
- //
31
- @mixin column-suffix(
32
- $n,
33
- $context: null,
34
- $total: $shelves-columns,
35
- $gutter: $shelves-gutter) {
36
- padding-right: columns-distance($n, $context, $total, $gutter);
37
- }
38
-
39
- // Reorder the content by shifting the column to the right. This
40
- // is often used in conjunction with column-pull($n).
41
- //
42
- // $n - The number of columns to shift.
43
- // $context - The number of columns encapsulating the element.
44
- // Defaults to the the value of $total.
45
- // $total - The total number of columns in the grid.
46
- // Defaults to the value of $shelves-columns.
47
- // $gutter - The width of the gutter in the root context (in %).
48
- // Defaults to the value of $shelves-gutter.
49
- //
50
- @mixin column-push(
51
- $n,
52
- $context: null,
53
- $total: $shelves-columns,
54
- $gutter: $shelves-gutter) {
55
- left: columns-distance($n, $context, $total, $gutter);
56
- }
57
-
58
- // Reorder the content by shifting the column to the left. This
59
- // is often used in conjunction with column-push($n).
60
- //
61
- // $n - The number of columns to shift.
62
- // $context - The number of columns encapsulating the element.
63
- // Defaults to the the value of $total.
64
- // $total - The total number of columns in the grid.
65
- // Defaults to the value of $shelves-columns.
66
- // $gutter - The width of the gutter in the root context (in %).
67
- // Defaults to the value of $shelves-gutter.
68
- //
69
- @mixin column-pull(
70
- $n,
71
- $context: null,
72
- $total: $shelves-columns,
73
- $gutter: $shelves-gutter) {
74
- right: columns-distance($n, $context, $total, $gutter);
75
- }
data/scss/shelves/mixins/_resets.scss DELETED
@@ -1,56 +0,0 @@
1
- // Reset container by removing the outer padding.
2
- @mixin reset-container {
3
- padding-left: 0;
4
- padding-right: 0;
5
- }
6
-
7
- // Reset a row to expand to the full width of
8
- // its container and remove margins.
9
- @mixin reset-row {
10
- margin-right: 0;
11
- margin-left: 0;
12
- min-width: 0;
13
- max-width: none;
14
- }
15
-
16
- // Resets a column to expand to the full width of
17
- // its container and remove float & margins.
18
- @mixin reset-column {
19
- @include reset-column-gutter;
20
- @include reset-column-prefix;
21
- @include reset-column-suffix;
22
- @include reset-column-push;
23
- @include reset-column-pull;
24
- float: none;
25
- width: auto;
26
-
27
- @if $shelves-ie7-support {
28
- *margin-right: 0px;
29
- }
30
- }
31
-
32
- // Removes the gutter of a column in a grid. This is usually added
33
- // to the first column in a row.
34
- @mixin reset-column-gutter {
35
- margin-left: 0;
36
- }
37
-
38
- // Removes the padding prefix added to a column.
39
- @mixin reset-column-prefix {
40
- padding-left: 0;
41
- }
42
-
43
- // Removes the padding suffix added to a column.
44
- @mixin reset-column-suffix {
45
- padding-right: 0;
46
- }
47
-
48
- // Removes the column shifting added with a column-push($n).
49
- @mixin reset-column-push {
50
- left: auto;
51
- }
52
-
53
- // Removes the column shifting added with a column-pull($n).
54
- @mixin reset-column-pull {
55
- right: auto;
56
- }