import {
  font
} from '../styles'

export const main = {
  default: {
    background: {
      image: {
        smallest: "unset",
        xxsmall: "unset",
        xsmall: "unset",
        small: "unset",
        medium: "unset",
        large: "unset",
        xlarge: "unset",
        xxlarge: "unset",
        largest: "unset"
      },
      color: {
        smallest: "unset",
        xxsmall: "unset",
        xsmall: "unset",
        small: "unset",
        medium: "unset",
        large: "unset",
        xlarge: "unset",
        xxlarge: "unset",
        largest: "unset"
      }
    },
    padding: {
      smallest: {
        top: "0px",
        right: "0px",
        bottom: "0px",
        left: "0px"
      },
      xxsmall: {
        top: "0px",
        right: "0px",
        bottom: "0px",
        left: "0px"
      },
      xsmall: {
        top: "0px",
        right: "0px",
        bottom: "0px",
        left: "0px"
      },
      small: {
        top: "0px",
        right: "0px",
        bottom: "0px",
        left: "0px"
      },
      medium: {
        top: "0px",
        right: "0px",
        bottom: "0px",
        left: "0px"
      },
      large: {
        top: "0px",
        right: "0px",
        bottom: "0px",
        left: "0px"
      },
      xlarge: {
        top: "0px",
        right: "0px",
        bottom: "0px",
        left: "0px"
      },
      xxlarge: {
        top: "0px",
        right: "0px",
        bottom: "0px",
        left: "0px"
      },
      largest: {
        top: "0px",
        right: "0px",
        bottom: "0px",
        left: "0px"
      }
    },
    border: {
      smallest: "unset",
      xxsmall: "unset",
      xsmall: "unset",
      small: "unset",
      medium: "unset",
      large: "unset",
      xlarge: "unset",
      xxlarge: "unset",
      largest: "unset"
    },
    borderRadius: {
      smallest: "unset",
      xxsmall: "unset",
      xsmall: "unset",
      small: "unset",
      medium: "unset",
      large: "unset",
      xlarge: "unset",
      xxlarge: "unset",
      largest: "unset"
    },
    height: {
      smallest: "unset",
      xxsmall: "unset",
      xsmall: "unset",
      small: "unset",
      medium: "unset",
      large: "unset",
      xlarge: "unset",
      xxlarge: "unset",
      largest: "unset"
    },
    boxShadow: {
      smallest: "unset",
      xxsmall: "unset",
      xsmall: "unset",
      small: "unset",
      medium: "unset",
      large: "unset",
      xlarge: "unset",
      xxlarge: "unset",
      largest: "unset"
    },
    font: {
      family: {
        smallest: font.primary,
        xxsmall: font.primary,
        xsmall: font.primary,
        small: font.primary,
        medium: font.primary,
        large: font.primary,
        xlarge: font.primary,
        xxlarge: font.primary,
        largest: font.primary
      },
      size: {
        smallest: "18px",
        xxsmall: "20px",
        xsmall: "22px",
        small: "24px",
        medium: "26px",
        large: "28px",
        xlarge: "30px",
        xxlarge: "32px",
        largest: "34ox"
      },
      color: {
        smallest: "unset",
        xxsmall: "unset",
        xsmall: "unset",
        small: "unset",
        medium: "unset",
        large: "unset",
        xlarge: "unset",
        xxlarge: "unset",
        largest: "unset"
      }
    }
  }
}