_mixins.scss in ethosstyles-0.1.14

- old
+ new

@@ -89,19 +89,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;
@@ -114,18 +110,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
 //
 
@@ -155,12 +152,13 @@
 @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;
+    font-weight: 900;
     vertical-align: middle;
     height: $arrow-height;
     width: $arrow-width;
     display: block;
     position: absolute;
@@ -170,13 +168,13 @@
     @include hocus() {
       color: inherit;
     }
   }
 
-  &[aria-expanded='false']:after {
-    content: '\f05a'; // triangle right
+    &[aria-expanded='false']:after {
+    content: '\f0da'; // triangle right
   }
 
   &[aria-expanded='true']:after {
-    content: '\f05b'; // triangle down
+    content: '\f0d7'; // triangle down
   }
 }