@crossed/ui/lib/module/forms/Select/styles.js

A universal & performant styling library for React Native, Next.js & React

import { createStyles } from "@crossed/styled";
const useSelect = createStyles(() => ({
  trigger: {
    base: {
      flexDirection: "row",
      justifyContent: "space-between",
      flexShrink: 1,
      display: "flex",
      flexBasis: "auto",
      flex: 1
    }
  },
  select: {
    base: {
      position: "relative",
      width: "auto"
    }
  },
  value: {
    base: {
      alignItems: "center",
      display: "flex",
      flexBasis: "auto",
      width: "auto"
    }
  },
  content: {
    base: {
      position: "absolute",
      maxWidth: "auto",
      // backgroundColor: t.colors.background.secondary,
      zIndex: 100,
      display: "flex",
      flexDirection: "column",
      height: "auto",
      alignItems: "stretch",
      justifyContent: "flex-start",
      paddingLeft: 0,
      paddingRight: 0,
      paddingTop: 0,
      paddingBottom: 0,
      maxHeight: 250
    }
  },
  icon: {
    base: { flexShrink: 0 }
  }
}));
export {
  useSelect
};
//# sourceMappingURL=styles.js.map