_mixins.scss in ethosstyles-0.1.6

- old
+ new

@@ -192,5 +192,39 @@
   @if $transition == 'true' {
     transition: .4s;
     -webkit-transition: .4s;
   }
 }
+
+//
+// REFACTORED TRIGGER ARROW
+// Used for toggles and ranges
+//
+
+@mixin rf_trigger_arrow ( $arrow-pos: $list-padding ) {
+
+  &[aria-expanded='false']:after,
+  &[aria-expanded='true']:after {
+    color: inherit;
+    font-family: 'octicons';
+    font-size: 14px;
+    vertical-align: middle;
+    height: $arrow-height;
+    width: $arrow-width;
+    display: block;
+    position: absolute;
+    right: $list-padding;
+    top: $arrow-pos + ($arrow-height/2);
+
+    @include hocus() {
+      color: inherit;
+    }
+  }
+
+  &[aria-expanded='false']:after {
+    content: '\f05a'; // triangle right
+  }
+
+  &[aria-expanded='true']:after {
+    content: '\f05b'; // triangle down
+  }
+}