shelves 0.6.0 → 1.0.0
Sign up to get free protection for your applications and to get access to all the features.
- data/README.md +5 -50
- data/component.json +1 -1
- data/lib/shelves/cli.rb +21 -5
- data/lib/shelves/version.rb +1 -1
- data/scss/shelves-grid.scss +146 -1
- data/scss/shelves.scss +1 -1
- data/scss/shelves/_functions.scss +79 -60
- data/scss/shelves/_mixins.scss +5 -3
- data/scss/shelves/_variables.scss +98 -0
- data/scss/shelves/mixins/_column.scss +226 -0
- data/scss/shelves/mixins/_context.scss +69 -0
- data/scss/shelves/mixins/_generators.scss +76 -204
- data/scss/shelves/mixins/_media.scss +150 -0
- data/scss/shelves/mixins/_row.scss +65 -0
- data/scss/shelves/mixins/_utils.scss +56 -0
- metadata +8 -6
- data/scss/shelves/_settings.scss +0 -61
- data/scss/shelves/mixins/_base.scss +0 -169
- data/scss/shelves/mixins/_modifiers.scss +0 -75
- data/scss/shelves/mixins/_resets.scss +0 -56
|
@@ -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
|
-
}
|
|
@@ -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
|
-
}
|