_mixins.scss in ethosstyles-0.1.18

- old
+ new

@@ -59,19 +59,15 @@
 // 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 {
-    color: inherit;
-    font-family: 'octicons';
+    font-family: $font-icon-f5;
     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;
@@ -84,18 +80,19 @@
       margin-left: 2px;
     }
   }
 
   &[aria-expanded='false']:after {
-    content: '\f05a'; // triangle right
+    content: '\f0da'; // triangle right
   }
 
   &[aria-expanded='true']:after {
-    content: '\f05b'; // triangle down
+    content: '\f0d7'; // triangle down
   }
 }
 
+
 //
 // INPUT HANDLE
 // Used for toggles and ranges
 //
 
@@ -127,10 +124,11 @@
   &[aria-expanded='false']:after,
   &[aria-expanded='true']:after {
     color: inherit;
     font-family: $font-icon-f5;
     font-size: 14px;
+    font-weight: 900;
     vertical-align: middle;
     height: $arrow-height;
     width: $arrow-width;
     display: block;
     position: absolute;
@@ -140,15 +138,15 @@
     @include hocus() {
       color: inherit;
     }
   }
 
-  &[aria-expanded='false']:after {
-    content: "\f0da"; // triangle right
+    &[aria-expanded='false']:after {
+    content: '\f0da'; // triangle right
   }
 
   &[aria-expanded='true']:after {
-    content: "\f0d7"; // triangle down
+    content: '\f0d7'; // triangle down
   }
 }
 
 @mixin border-status( $color ) {
   border-left: 6px solid $color;