_mixins.scss in ethosstyles-0.1.16

- old
+ new

@@ -21,40 +21,10 @@
   &:-moz-placeholder           {@content}
   &:-ms-input-placeholder      {@content}
 }
 
 
-// Round the corners of a table by a specified radius
-// NOTE: default is to use $border-radius. Depends
-//       on borders being present, and made by td's
-//       Also needs border-collapese: seperate
-//
-// (outer type or class) {
-//     Simple usage
-//     @include round-table-corners(<value>);
-//
-//     Detailed Usage
-//     @include round-table-corners(<value>);
-// }
-@mixin round-table-corners($radius: $border-radius) {
-  tr:first-of-type td:first-of-type {
-    border-top-left-radius: $border-radius;
-  }
-
-  tr:first-of-type td:last-of-type  {
-    border-top-right-radius: $border-radius;
-  }
-
-  tr:last-of-type td:first-of-type  {
-    border-bottom-left-radius: $border-radius;
-  }
-
-  tr:last-of-type td:last-of-type  {
-    border-bottom-right-radius: $border-radius;
-  }
-}
-
 // Simple truncation mixin to cut off text using an ellipsis after a certain
 // width.
 //
 // .simple-usage {
 //   @include truncate();
@@ -155,11 +125,11 @@
 @mixin rf_trigger_arrow ( $arrow-pos: $list-padding ) {
 
   &[aria-expanded='false']:after,
   &[aria-expanded='true']:after {
     color: inherit;
-    font-family: 'octicons';
+    font-family: $font-icon-f5;
     font-size: 14px;
     vertical-align: middle;
     height: $arrow-height;
     width: $arrow-width;
     display: block;
@@ -171,12 +141,16 @@
       color: inherit;
     }
   }
 
   &[aria-expanded='false']:after {
-    content: '\f05a'; // triangle right
+    content: "\f0da"; // triangle right
   }
 
   &[aria-expanded='true']:after {
-    content: '\f05b'; // triangle down
+    content: "\f0d7"; // triangle down
   }
+}
+
+@mixin border-status( $color ) {
+  border-left: 6px solid $color;
 }