bushido-strap/styled/base/strings/inputStyle.js

a library of styled components with material theme

import { css } from "styled-components";
import { cursorStyle, boxShadow } from "../../maps";
import { theme } from "../../theme";

export default css`
  color: ${(props) => (props.color ? props.color : "auto")};
  background: ${(props) => (props.bg ? props.bg : "auto")};
  border: ${(props) =>
    props.border ? props.border : `0.2rem inset ${theme.colors.gray3}`};
  border-radius: ${(props) => (props.radius ? props.radius : "0.1rem")};
  opacity: ${(props) => (props.opacity ? props.opacity : "none")};
  box-shadow: ${(props) => (props.shadow ? props.shadow : boxShadow)};

  &:hover {
    border: ${(props) =>
      props.hvrBorder ? props.hvrBorder : `0.2rem solid ${theme.colors.blue1}`};
    color: ${(props) => (props.hvrColor ? props.hvrColor : "auto")};
    background: ${(props) => (props.hvrBg ? props.hvrBg : "auto")};
    cursor: ${cursorStyle};
  }
`;