Lines Matching refs:grid
183 /* grid-layout classes */
184 .grid-2-columns,
185 .grid-3-columns,
186 .grid-4-columns {
187 display: grid;
189 .grid-2-columns {
190 grid-template-columns: 1fr 1fr;
191 grid-gap: 0 .5em;
193 .grid-3-columns {
194 grid-template-columns: 1fr 1fr 1fr;
195 grid-gap: 0 .33em;
197 .grid-4-columns {
198 grid-template-columns: 1fr 1fr 1fr 1fr;
199 grid-gap: 0 .25em;
202 /* grid cell classes: */
203 .colspan-2 { grid-column-end: span 2; }
204 .colspan-3 { grid-column-end: span 3; }
205 .colspan-4 { grid-column-end: span 4; }
206 .rowspan-2 { grid-row-end: span 2; }
207 .rowspan-3 { grid-row-end: span 3; }
208 .rowspan-4 { grid-row-end: span 4; }
213 dl.compact { display: grid; grid-template-columns: min-content auto; }
214 dl.compact dt { grid-column-start: 1; }
215 dl.compact dd { grid-column-start: 2; margin-bottom: 0; }
319 .grid-2-columns,
320 .grid-3-columns {
321 grid-template-columns: 100%;
323 .grid-4-columns {
324 grid-template-columns: 1fr 1fr;
329 .colspan-4 { grid-column-end: span 1; }
343 .grid-4-columns {
344 grid-template-columns: 100%;