@wulperstudio/cms/organisms/MenuResponsive/styled.js

Wulper Studio Library Components CMS

import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
var _templateObject, _templateObject2, _templateObject3;
import { styled } from '@mui/material/styles';
export var Layout = styled('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: fixed;\n  display: block;\n  width: 100vw;\n  min-height: 100vh;\n  left: 0px;\n  top: 0px;\n  z-index: 1000;\n"])));
export var ListContainer = styled('div')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  width: 250px;\n"])));
export var ListItemText = styled('span')(function (_ref) {
  var theme = _ref.theme;
  return "\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: 400;\n  color: ".concat(theme.palette.primary.main, ";\n");
});
export var MenuButton = styled('div')(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 100%;\n  max-width: 100%;\n  display: flex;\n  justify-content: flex-end;\n  padding: 1rem;\n  cursor: pointer;\n  & svg:hover {\n    box-shadow: rgb(0 0 0 / 9%) 0px 3px 12px;\n  }\n"])));
export var ListItems = styled('div')(function () {
  return "\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  row-gap: 20px;\n  padding: 0px 1rem;\n";
});