Merge pull request #8 from bbc/NOTICKET_RTL_Missing_Border_Properties

NOTICKET -  rtl missing border properties

Author: mintuz

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "gel-sass-tools",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "homepage": "https://github.com/bbc/gel-sass-tools",
   "authors": [
     "Shaun Bent <[email protected]>"

lib/settings/_rtl.scss

@@ -41,6 +41,10 @@ $border-right:       'border-right';
 $border-left:        'border-left';
 $border-left-width:  'border-right-width';
 $border-right-width: 'border-left-width';
+$border-left-color:  'border-left-color';
+$border-right-color: 'border-right-color';
+$border-left-style:  'border-left-style';
+$border-right-style: 'border-right-style';
 $padding-right:      'padding-right';
 $padding-left:       'padding-left';
 $right:              'right';
@@ -56,6 +60,10 @@ $left:               'left';
     $border-left:        'border-right';
     $border-left-width:  'border-right-width';
     $border-right-width: 'border-left-width';
+    $border-left-color:  'border-right-color';
+    $border-right-color: 'border-left-color';
+    $border-left-style:  'border-right-style';
+    $border-right-style: 'border-left-style';
     $padding-right:      'padding-left';
     $padding-left:       'padding-right';
     $right:              'left';

package.json

@@ -1,6 +1,6 @@
 {
   "name": "gel-sass-tools",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "A collection of Sass Settings & Tools which align to key GEL values",
   "main": "_sass-tools.scss",
   "scripts": {

test/test-expected.css

@@ -35,6 +35,8 @@
   border-left: 10px;
   border-left-width: 10px;
   border-right-width: 10px;
+  border-left-color: red;
+  border-right-color: blue;
   padding-right: 10px;
   padding-left: 10px;
   right: 10px;
@@ -52,6 +54,8 @@
   border-right: 10px;
   border-left-width: 10px;
   border-right-width: 10px;
+  border-right-color: red;
+  border-left-color: blue;
   padding-left: 10px;
   padding-right: 10px;
   left: 10px;

test/test.scss

@@ -43,6 +43,8 @@
     #{$border-left}: 10px;
     #{$border-right-width}: 10px;
     #{$border-left-width}: 10px;
+    #{$border-left-color}: red;
+    #{$border-right-color}: blue;
     #{$padding-right}: 10px;
     #{$padding-left}: 10px;
     #{$right}: 10px;
@@ -64,6 +66,8 @@ $rtl: true;
     #{$border-left}: 10px;
     #{$border-right-width}: 10px;
     #{$border-left-width}: 10px;
+    #{$border-left-color}: red;
+    #{$border-right-color}: blue;
     #{$padding-right}: 10px;
     #{$padding-left}: 10px;
     #{$right}: 10px;