compass-griddle 0.2.2 → 0.3.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.
@@ -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