sriracha-ui/styled/base/strings/basic/background.js

A react style library build with styled-components, and material ui theme.

import { css } from "styled-components";
import { bgCover, bgFixed } from "../../../maps";

export default css`
  background-image: ${(props) =>
    props.bgSrc ? `url(${props.bgSrc})` : "none"};
  background-position: ${(props) =>
    props.bgPosition ? props.bgPosition : "center"};
  background-repeat: ${(props) =>
    props.bgRepeat ? props.bgRepeat : "no-repeat"};
  background-attachment: ${(props) =>
    props.bgAttachment ? props.bgAttachment : bgFixed};
  background-size: ${(props) => (props.bgSize ? props.bgSize : bgCover)};
  opacity: ${(props) => (props.opacity ? props.opacity : "none")};
`;