_mixins.scss in ethosstyles-0.1.15

- old
+ new

@@ -89,15 +89,19 @@
 // Can specify display (inline vs block) and arrow position
 
 @mixin trigger_arrow ( $display: block, $arrow-pos: $list-padding ) {
   &[aria-expanded='false']:after,
   &[aria-expanded='true']:after {
-    font-family: $font-icon-f5;
+    color: inherit;
+    font-family: 'octicons';
     font-size: 14px;
-    font-weight: 900;
     vertical-align: middle;
 
+    @include hocus() {
+      color: inherit;
+    }
+
     @if ($display==block) {
       display: block;
       position: absolute;
       right: $arrow-pos;
       top: $arrow-pos;
@@ -110,19 +114,18 @@
       margin-left: 2px;
     }
   }
 
   &[aria-expanded='false']:after {
-    content: '\f0da'; // triangle right
+    content: '\f05a'; // triangle right
   }
 
   &[aria-expanded='true']:after {
-    content: '\f0d7'; // triangle down
+    content: '\f05b'; // triangle down
   }
 }
 
-
 //
 // INPUT HANDLE
 // Used for toggles and ranges
 //
 
@@ -152,13 +155,12 @@
 @mixin rf_trigger_arrow ( $arrow-pos: $list-padding ) {
 
   &[aria-expanded='false']:after,
   &[aria-expanded='true']:after {
     color: inherit;
-    font-family: $font-icon-f5;
+    font-family: 'octicons';
     font-size: 14px;
-    font-weight: 900;
     vertical-align: middle;
     height: $arrow-height;
     width: $arrow-width;
     display: block;
     position: absolute;
@@ -168,13 +170,13 @@
     @include hocus() {
       color: inherit;
     }
   }
 
-    &[aria-expanded='false']:after {
-    content: '\f0da'; // triangle right
+  &[aria-expanded='false']:after {
+    content: '\f05a'; // triangle right
   }
 
   &[aria-expanded='true']:after {
-    content: '\f0d7'; // triangle down
+    content: '\f05b'; // triangle down
   }
 }