compass-griddle 0.2.2 → 0.3.0
Sign up to get free protection for your applications and to get access to all the features.
@@ -95,6 +95,9 @@ $grid-gutter: 20px !default; // can be px, em, or %
|
|
95
95
|
text-rendering: auto; /* 5 */
|
96
96
|
}
|
97
97
|
|
98
|
+
/* Grid modifiers
|
99
|
+
========================================================================== */
|
100
|
+
|
98
101
|
/**
|
99
102
|
* Modifier: horizontally center all grid units
|
100
103
|
* Allows for automatic unit centering irrespective of the number of
|
@@ -105,6 +108,25 @@ $grid-gutter: 20px !default; // can be px, em, or %
|
|
105
108
|
text-align: center;
|
106
109
|
}
|
107
110
|
|
111
|
+
/**
|
112
|
+
* Modifier: align horizontally all grid units to the left
|
113
|
+
*/
|
114
|
+
|
115
|
+
.grid--left {
|
116
|
+
text-align: left;
|
117
|
+
}
|
118
|
+
|
119
|
+
/**
|
120
|
+
* Modifier: align horizontally all grid units to the right
|
121
|
+
*/
|
122
|
+
|
123
|
+
.grid--right {
|
124
|
+
text-align: right;
|
125
|
+
}
|
126
|
+
|
127
|
+
/* Grid cell modifiers
|
128
|
+
========================================================================== */
|
129
|
+
|
108
130
|
/**
|
109
131
|
* Modifier: horizontally center one unit
|
110
132
|
* Set a specific unit to be horizontally centered. Doesn't affect
|
@@ -115,3 +137,25 @@ $grid-gutter: 20px !default; // can be px, em, or %
|
|
115
137
|
display: block;
|
116
138
|
margin: 0 auto;
|
117
139
|
}
|
140
|
+
|
141
|
+
/**
|
142
|
+
* Modifier: align horizontally one unit to the left
|
143
|
+
* Set a specific unit to be horizontally on the left. Doesn't affect
|
144
|
+
* any other units. Can still contain a child `grid` object.
|
145
|
+
*/
|
146
|
+
|
147
|
+
.grid__cell--left {
|
148
|
+
display: block;
|
149
|
+
margin-right: auto;
|
150
|
+
}
|
151
|
+
|
152
|
+
/**
|
153
|
+
* Modifier: align horizontally one unit to the right
|
154
|
+
* Set a specific unit to be horizontally on the right. Doesn't affect
|
155
|
+
* any other units. Can still contain a child `grid` object.
|
156
|
+
*/
|
157
|
+
|
158
|
+
.grid__cell--right {
|
159
|
+
display: block;
|
160
|
+
margin-left: auto;
|
161
|
+
}
|
@@ -16,7 +16,7 @@
|
|
16
16
|
@else { @return $list == $value; }
|
17
17
|
}
|
18
18
|
|
19
|
-
// Fluid grid units
|
19
|
+
// Fluid grid units
|
20
20
|
|
21
21
|
// USAGE: provide a space-separated list of integers, each of which represents
|
22
22
|
// the number of parts that make up a grid component. Optionally provide a
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: compass-griddle
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.
|
4
|
+
version: 0.3.0
|
5
5
|
prerelease:
|
6
6
|
platform: ruby
|
7
7
|
authors:
|
@@ -9,7 +9,7 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2013-
|
12
|
+
date: 2013-08-25 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: compass
|