feat(field): expose STYLE_SELECT_ARROW

A-l-y-l-e · Mar 4, 2019 · fbf58c0 · fbf58c0
1 parent 68ca277
commit fbf58c0
Showing 1 changed file with 18 additions and 15 deletions.
diff --git a/src/lib/field/styles.ts b/src/lib/field/styles.ts
@@ -1,4 +1,21 @@
 import { ThemeVariables, LY_COMMON_STYLES } from '@alyle/ui';
+
+export const STYLE_SELECT_ARROW = ({
+  '&:after': {
+    position: 'absolute',
+    content: `\'\'`,
+    width: 0,
+    height: 0,
+    borderLeft: '0.3125em solid transparent',
+    borderRight: '0.3125em solid transparent',
+    borderTop: '0.3125em solid',
+    top: '50%',
+    after: 0,
+    marginTop: '-0.15625em',
+    pointerEvents: 'none'
+  }
+});
+
 export const STYLES = (theme: ThemeVariables) => {
   const selectionStyle = {
     backgroundColor: `${theme.warn.default} !important`,
@@ -192,21 +209,7 @@ export const STYLES = (theme: ThemeVariables) => {
       marginAfter: 'auto'
     },
     selectArrow: {
-      '{infix}': {
-        '&:after': {
-          position: 'absolute',
-          content: `\'\'`,
-          width: 0,
-          height: 0,
-          borderLeft: '0.3125em solid transparent',
-          borderRight: '0.3125em solid transparent',
-          borderTop: '0.3125em solid',
-          top: '50%',
-          after: 0,
-          marginTop: '-0.15625em',
-          pointerEvents: 'none'
-        }
-      }
+      '{infix}': STYLE_SELECT_ARROW
     },
     $keyframes: {
       shake: {