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 & offsets
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.2.2
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-03-17 00:00:00.000000000 Z
12
+ date: 2013-08-25 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: compass