@bytebeans/macaw-ui/src/ActionBar/styles.ts

Saleor's UI component library

import { makeStyles } from "../theme";

const useStyles = makeStyles(
  (theme) => ({
    content: {
      "&:last-child": {
        paddingBottom: theme.spacing(2),
      },
      display: "flex",
      gap: theme.spacing(2),
      paddingBottom: theme.spacing(2),
      paddingTop: theme.spacing(2),
      [theme.breakpoints.down("sm")]: {
        marginTop: theme.spacing(1),
      },
    },
    paper: {
      borderBottomLeftRadius: 0,
      borderBottomRightRadius: 0,
    },
    root: {
      height: 72,
    },
    shadow: {
      boxShadow: `0 -24px 20px -20px rgba(0, 0, 0, 0.15)`,
    },
  }),
  { name: "Savebar" }
);

export default useStyles;