UNPKG

@gsretail.com/gui-core

Version:

A skeleton to create your own React component library using Rollup, TypeScript, Sass and Storybook

2 lines (1 loc) 1.36 kB
import{__makeTemplateObject as n}from"tslib";import t from"@emotion/styled";import{Stack as e}from"@mui/material";import"@mui/material/styles";import i from"../../../assets/theme/basicStyle.js";var o,r=t(e)(o||(o=n(["\n position: fixed;\n bottom: 33px;\n\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n gap: 8px;\n\n // iframe 적용하면 주석 풀어줄 것\n // right: 0;\n background-color: ",";\n box-shadow: ",";\n width: 100%;\n padding: 8px 64px 8px 88px;\n z-index: "," ;\n\n // iframe 적용하지 않았을 경우\n // max-width: 1920px;\n left: 0;\n\n @media (max-width: ","px) {\n > * {\n justify-content: flex-end;\n }\n }\n\n"],["\n position: fixed;\n bottom: 33px;\n\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n gap: 8px;\n\n // iframe 적용하면 주석 풀어줄 것\n // right: 0;\n background-color: ",";\n box-shadow: ",";\n width: 100%;\n padding: 8px 64px 8px 88px;\n z-index: "," ;\n\n // iframe 적용하지 않았을 경우\n // max-width: 1920px;\n left: 0;\n\n @media (max-width: ","px) {\n > * {\n justify-content: flex-end;\n }\n }\n\n"])),i.color.white,(function(n){return n.theme.shadows[15]}),(function(n){return n.theme.zIndex.drawer-1}),(function(n){return n.theme.breakpoints.values.md}));export{r as StyledBox};