Permalink
Browse files

First pass at right-to-left styles.

  • Loading branch information...
1 parent 1d9b116 commit 8d1e7431606fbc1de291917f3ab76b580346a2bf @justintadlock committed Oct 25, 2012
Showing with 46 additions and 4 deletions.
  1. +44 −2 css/columns.css
  2. +1 −1 css/columns.min.css
  3. +1 −1 grid-columns.php
View
46 css/columns.css
@@ -1,7 +1,7 @@
/**
* CSS for handling the [column] shortcode styles.
*
- * @version 20121007
+ * @version 20121025
* @author Justin Tadlock <justin@justintadlock.com>
* @copyright Copyright (c) 2012, Justin Tadlock
* @link http://justintadlock.com
@@ -108,4 +108,46 @@
.column-grid-12 .column-push-4 { margin-left: 35%; }
.column-grid-12 .column-push-3 { margin-left: 26.25%; }
.column-grid-12 .column-push-2 { margin-left: 17.5%; }
-.column-grid-12 .column-push-1 { margin-left: 8.75%; }
+.column-grid-12 .column-push-1 { margin-left: 8.75%; }
+
+/* === Right-to-Left === */
+
+.rtl .column-grid .column {
+ float: right;
+ margin-left: 5%;
+ margin-right: 0;
+ }
+.rtl .column-grid .column-first {
+ margin-right: 0;
+ }
+.rtl .column-grid .column-last {
+ float: left;
+ margin-right: 0;
+ margin-left: 0;
+ }
+
+.rtl .column-grid-2 .column-push-1 { margin-right: 52.5%; }
+
+.rtl .column-grid-3 .column-push-2 { margin-right: 70%; }
+.rtl .column-grid-3 .column-push-1 { margin-right: 35%; }
+
+.rtl .column-grid-4 .column-push-3 { margin-right: 78.75%; }
+.rtl .column-grid-4 .column-push-2 { margin-right: 52.5%; }
+.rtl .column-grid-4 .column-push-1 { margin-right: 26.25%; }
+
+.rtl .column-grid-5 .column-push-4 { margin-right: 84%; }
+.rtl .column-grid-5 .column-push-3 { margin-right: 63%; }
+.rtl .column-grid-5 .column-push-2 { margin-right: 42%; }
+.rtl .column-grid-5 .column-push-1 { margin-right: 21%; }
+
+.rtl .column-grid-12 .column-push-11 { margin-right: 96.25%; }
+.rtl .column-grid-12 .column-push-10 { margin-right: 87.5%; }
+.rtl .column-grid-12 .column-push-9 { margin-right: 78.75%; }
+.rtl .column-grid-12 .column-push-8 { margin-right: 69%; }
+.rtl .column-grid-12 .column-push-7 { margin-right: 61.25%; }
+.rtl .column-grid-12 .column-push-6 { margin-right: 52.5%; }
+.rtl .column-grid-12 .column-push-5 { margin-right: 43.75%; }
+.rtl .column-grid-12 .column-push-4 { margin-right: 35%; }
+.rtl .column-grid-12 .column-push-3 { margin-right: 26.25%; }
+.rtl .column-grid-12 .column-push-2 { margin-right: 17.5%; }
+.rtl .column-grid-12 .column-push-1 { margin-right: 8.75%; }
View
2 css/columns.min.css
@@ -1 +1 @@
-.column-grid{clear:both}.column-grid:after{content:".";display:block;height:0;clear:both;visibility:hidden}.column-grid .column{float:left;margin-right:5%;margin-left:0}.column-grid .column-first{margin-left:0}.column-grid .column-last{float:right;margin-right:0;margin-left:0}.column-grid-2 .column-span-2{width:100%}.column-grid-2 .column-span-1{width:47.5%}.column-grid-2 .column-push-1{margin-left:52.5%}.column-grid-3 .column-span-3{width:100%}.column-grid-3 .column-span-2{width:65%}.column-grid-3 .column-span-1{width:30%}.column-grid-3 .column-push-2{margin-left:70%}.column-grid-3 .column-push-1{margin-left:35%}.column-grid-4 .column-span-4{width:100%}.column-grid-4 .column-span-3{width:73.75%}.column-grid-4 .column-span-2{width:47.5%}.column-grid-4 .column-span-1{width:21.25%}.column-grid-4 .column-push-3{margin-left:78.75%}.column-grid-4 .column-push-2{margin-left:52.5%}.column-grid-4 .column-push-1{margin-left:26.25%}.column-grid-5 .column-span-5{width:100%}.column-grid-5 .column-span-4{width:79%}.column-grid-5 .column-span-3{width:58%}.column-grid-5 .column-span-2{width:37%}.column-grid-5 .column-span-1{width:16%}.column-grid-5 .column-push-4{margin-left:84%}.column-grid-5 .column-push-3{margin-left:63%}.column-grid-5 .column-push-2{margin-left:42%}.column-grid-5 .column-push-1{margin-left:21%}.column-grid-12 .column-span-12{width:100%}.column-grid-12 .column-span-11{width:91.25%}.column-grid-12 .column-span-10{width:82.5%}.column-grid-12 .column-span-9 {width:73.75%}.column-grid-12 .column-span-8 {width:65%}.column-grid-12 .column-span-7 {width:56.25%}.column-grid-12 .column-span-6 {width:47.5%}.column-grid-12 .column-span-5 {width:38.75%}.column-grid-12 .column-span-4 {width:30%}.column-grid-12 .column-span-3 {width:21.25%}.column-grid-12 .column-span-2 {width:12.5%}.column-grid-12 .column-span-1 {width:3.75%}.column-grid-12 .column-push-11{margin-left:96.25%}.column-grid-12 .column-push-10{margin-left:87.5%}.column-grid-12 .column-push-9 {margin-left:78.75%}.column-grid-12 .column-push-8 {margin-left:69%}.column-grid-12 .column-push-7 {margin-left:61.25%}.column-grid-12 .column-push-6 {margin-left:52.5%}.column-grid-12 .column-push-5 {margin-left:43.75%}.column-grid-12 .column-push-4 {margin-left:35%}.column-grid-12 .column-push-3 {margin-left:26.25%}.column-grid-12 .column-push-2 {margin-left:17.5%}.column-grid-12 .column-push-1 {margin-left:8.75%}
+.column-grid{clear:both}.column-grid:after{content:".";display:block;height:0;clear:both;visibility:hidden}.column-grid .column{float:left;margin-right:5%;margin-left:0}.column-grid .column-first{margin-left:0}.column-grid .column-last{float:right;margin-right:0;margin-left:0}.column-grid-2 .column-span-2{width:100%}.column-grid-2 .column-span-1{width:47.5%}.column-grid-2 .column-push-1{margin-left:52.5%}.column-grid-3 .column-span-3{width:100%}.column-grid-3 .column-span-2{width:65%}.column-grid-3 .column-span-1{width:30%}.column-grid-3 .column-push-2{margin-left:70%}.column-grid-3 .column-push-1{margin-left:35%}.column-grid-4 .column-span-4{width:100%}.column-grid-4 .column-span-3{width:73.75%}.column-grid-4 .column-span-2{width:47.5%}.column-grid-4 .column-span-1{width:21.25%}.column-grid-4 .column-push-3{margin-left:78.75%}.column-grid-4 .column-push-2{margin-left:52.5%}.column-grid-4 .column-push-1{margin-left:26.25%}.column-grid-5 .column-span-5{width:100%}.column-grid-5 .column-span-4{width:79%}.column-grid-5 .column-span-3{width:58%}.column-grid-5 .column-span-2{width:37%}.column-grid-5 .column-span-1{width:16%}.column-grid-5 .column-push-4{margin-left:84%}.column-grid-5 .column-push-3{margin-left:63%}.column-grid-5 .column-push-2{margin-left:42%}.column-grid-5 .column-push-1{margin-left:21%}.column-grid-12 .column-span-12{width:100%}.column-grid-12 .column-span-11{width:91.25%}.column-grid-12 .column-span-10{width:82.5%}.column-grid-12 .column-span-9 {width:73.75%}.column-grid-12 .column-span-8 {width:65%}.column-grid-12 .column-span-7 {width:56.25%}.column-grid-12 .column-span-6 {width:47.5%}.column-grid-12 .column-span-5 {width:38.75%}.column-grid-12 .column-span-4 {width:30%}.column-grid-12 .column-span-3 {width:21.25%}.column-grid-12 .column-span-2 {width:12.5%}.column-grid-12 .column-span-1 {width:3.75%}.column-grid-12 .column-push-11{margin-left:96.25%}.column-grid-12 .column-push-10{margin-left:87.5%}.column-grid-12 .column-push-9 {margin-left:78.75%}.column-grid-12 .column-push-8 {margin-left:69%}.column-grid-12 .column-push-7 {margin-left:61.25%}.column-grid-12 .column-push-6 {margin-left:52.5%}.column-grid-12 .column-push-5 {margin-left:43.75%}.column-grid-12 .column-push-4 {margin-left:35%}.column-grid-12 .column-push-3 {margin-left:26.25%}.column-grid-12 .column-push-2 {margin-left:17.5%}.column-grid-12 .column-push-1 {margin-left:8.75%}.rtl .column-grid .column{float:right;margin-left:5%;margin-right:0}.rtl .column-grid .column-first{margin-right:0}.rtl .column-grid .column-last{float:left;margin-right:0;margin-left:0}.rtl .column-grid-2 .column-push-1{margin-right:52.5%}.rtl .column-grid-3 .column-push-2{margin-right:70%}.rtl .column-grid-3 .column-push-1{margin-right:35%}.rtl .column-grid-4 .column-push-3{margin-right:78.75%}.rtl .column-grid-4 .column-push-2{margin-right:52.5%}.rtl .column-grid-4 .column-push-1{margin-right:26.25%}.rtl .column-grid-5 .column-push-4{margin-right:84%}.rtl .column-grid-5 .column-push-3{margin-right:63%}.rtl .column-grid-5 .column-push-2{margin-right:42%}.rtl .column-grid-5 .column-push-1{margin-right:21%}.rtl .column-grid-12 .column-push-11{margin-right:96.25%}.rtl .column-grid-12 .column-push-10{margin-right:87.5%}.rtl .column-grid-12 .column-push-9 {margin-right:78.75%}.rtl .column-grid-12 .column-push-8 {margin-right:69%}.rtl .column-grid-12 .column-push-7 {margin-right:61.25%}.rtl .column-grid-12 .column-push-6 {margin-right:52.5%}.rtl .column-grid-12 .column-push-5 {margin-right:43.75%}.rtl .column-grid-12 .column-push-4 {margin-right:35%}.rtl .column-grid-12 .column-push-3 {margin-right:26.25%}.rtl .column-grid-12 .column-push-2 {margin-right:17.5%}.rtl .column-grid-12 .column-push-1 {margin-right:8.75%}
View
2 grid-columns.php
@@ -126,7 +126,7 @@ public function enqueue_styles() {
'grid-columns',
trailingslashit( plugin_dir_url( __FILE__ ) ) . "css/columns$suffix.css",
null,
- '20121007'
+ '20121025'
);
}

0 comments on commit 8d1e743

Please sign in to comment.