@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.89 kB
JavaScript
import{__makeTemplateObject as n}from"tslib";import t from"@emotion/styled";var i,e=function(e){return t(e)(i||(i=n(["\n\n &.gui-layout-top {\n position: relative;\n width: 100%;\n\n & .gui-header {\n width: 100%;\n right: unset;\n background: ",";\n border-bottom: 1px solid ",";\n z-index: 1;\n\n &.isFullWidth {\n max-width: 100% !important;\n right: 0;\n }\n\n & > .MuiToolbar-root {\n min-height: 100%;\n padding: 0 16px;\n\n .info {\n padding-right: 20px;\n text-align: right;\n color: ",";\n }\n .linked {\n margin: 0;\n cursor: pointer;\n }\n & sup {\n color: ",";\n padding-left: 5px;\n }\n }\n }\n\n & .children {\n width: 100%;\n height: 100%;\n z-index: 2;\n }\n }\n"],["\n\n &.gui-layout-top {\n position: relative;\n width: 100%;\n\n & .gui-header {\n width: 100%;\n right: unset;\n background: ",";\n border-bottom: 1px solid ",";\n z-index: 1;\n\n &.isFullWidth {\n max-width: 100% !important;\n right: 0;\n }\n\n & > .MuiToolbar-root {\n min-height: 100%;\n padding: 0 16px;\n\n .info {\n padding-right: 20px;\n text-align: right;\n color: ",";\n }\n .linked {\n margin: 0;\n cursor: pointer;\n }\n & sup {\n color: ",";\n padding-left: 5px;\n }\n }\n }\n\n & .children {\n width: 100%;\n height: 100%;\n z-index: 2;\n }\n }\n"])),(function(n){return n.theme.palette.common.white}),(function(n){return n.theme.palette.grey[300]}),(function(n){return n.theme.palette.grey[600]}),(function(n){return n.theme.palette.grey[500]}))};export{e as default};