diff --git a/decogrids-12.css b/decogrids-12.css index 094543f..326719e 100644 --- a/decogrids-12.css +++ b/decogrids-12.css @@ -74,3 +74,7 @@ div.width-1\3a 3 { width: 31.250%; } /* .width-1:3 */ div.width-2\3a 3 { width: 64.583%; } /* .width-2:3 */ div.position-1\3a 3 {margin-left: -66.668%;} /* .position-1:3 */ div.position-2\3a 3 {margin-left: -33.336%;} /* .position-2:3 */ + +/* Full/leftmost are useful synonyms for full width and leftmost positioning */ +div.position-leftmost { margin-left: -100% } +div.width-full { width: 97.916% } diff --git a/gapless/decogrids-12-gapless.css b/gapless/decogrids-12-gapless.css index a7cd49b..9ecc566 100644 --- a/gapless/decogrids-12-gapless.css +++ b/gapless/decogrids-12-gapless.css @@ -69,3 +69,7 @@ These do not strictly conform to the grid, but are useful for certain layouts. * .width-2\3a 3 { width: 66.66%; } /* .width-2:3 */ .position-1\3a 3 {margin-left: -66.66%;} /* .position-1:3 */ .position-2\3a 3 {margin-left: -33.33%;} /* .position-2:3 */ + +/* Full/leftmost are useful synonyms for full width and leftmost positioning */ +.position-leftmost { margin-left: -100% } +.width-full { width: 100% } diff --git a/gapless/decogrids-16-gapless.css b/gapless/decogrids-16-gapless.css index 3aa396d..2c41c48 100644 --- a/gapless/decogrids-16-gapless.css +++ b/gapless/decogrids-16-gapless.css @@ -78,3 +78,7 @@ These do not strictly conform to the grid, but are useful for certain layouts. * .width-2\3a 3 { width: 66.66%; } /* .width-2:3 */ .position-1\3a 3 {margin-left: -66.66%;} /* .position-1:3 */ .position-2\3a 3 {margin-left: -33.33%;} /* .position-2:3 */ + +/* Full/leftmost are useful synonyms for full width and leftmost positioning */ +.position-leftmost { margin-left: -100% } +.width-full { width: 100% } diff --git a/gapless/decogrids-9-gapless.css b/gapless/decogrids-9-gapless.css index 4b72702..c9edfca 100644 --- a/gapless/decogrids-9-gapless.css +++ b/gapless/decogrids-9-gapless.css @@ -60,3 +60,7 @@ These do not strictly conform to the grid, but are useful for certain layouts. * .width-2\3a 3 { width: 66.66%; } /* .width-2:3 */ .position-1\3a 3 {margin-left: -66.66%;} /* .position-1:3 */ .position-2\3a 3 {margin-left: -33.33%;} /* .position-2:3 */ + +/* Full/leftmost are useful synonyms for full width and leftmost positioning */ +.position-leftmost { margin-left: -100% } +.width-full { width: 100% }