@gsretail.com/gui-core/build/core/Card/GuiCard.styled.js

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

import{__makeTemplateObject as n}from"../../node_modules/tslib/tslib.es6.js";import r from"@emotion/styled";var t,o=function(o){return r(o)(t||(t=n(["\n\n  &.MuiCard-root {\n    width: 100%;\n    border-radius: ",";\n    border-color: ",";\n\n    .MuiCardHeader-root {\n      padding: 16px 16px 12px 16px;\n\n      .MuiCardHeader-content {\n        .MuiTypography-caption {\n          position: relative;\n          top: -2px;\n          color: ",";\n        }\n      }\n      .MuiCardHeader-action {\n        margin-top: 0;\n        margin-right: 0;\n\n        .MuiIconButton-root {\n          padding: 10px;\n        }\n      }\n    }\n\n    .MuiCardContent-root {\n      word-break: break-all;\n\n      .subject {\n        margin: 0 0 14px 0;\n      }\n      .subscript {\n        margin: -14px 0 14px;\n        color: ",";\n      }\n      .overline {\n        font-size: 12px;\n        color: ",";\n      }\n    }\n\n    .MuiCardMedia-root {\n      height: 0;\n      padding-top: 56.25%; // 16:9\n\n      &.MuiCardMedia-img {\n        height: auto;\n        padding: 0;\n      }\n    }\n\n    // CardExpand :: start\n    .MuiCardActions-root {\n      position: relative;\n      padding: 16px 16px 12px 16px;\n\n      button.expand {\n        position: absolute;\n        top: 10px;\n        right: 8px;\n        padding: 8px;\n        transform: rotate(0deg);\n        &.expandOpen {\n          transform: rotate(180deg);\n        }\n      }\n    }\n    // CardExpand :: end\n  }\n\n"],["\n\n  &.MuiCard-root {\n    width: 100%;\n    border-radius: ",";\n    border-color: ",";\n\n    .MuiCardHeader-root {\n      padding: 16px 16px 12px 16px;\n\n      .MuiCardHeader-content {\n        .MuiTypography-caption {\n          position: relative;\n          top: -2px;\n          color: ",";\n        }\n      }\n      .MuiCardHeader-action {\n        margin-top: 0;\n        margin-right: 0;\n\n        .MuiIconButton-root {\n          padding: 10px;\n        }\n      }\n    }\n\n    .MuiCardContent-root {\n      word-break: break-all;\n\n      .subject {\n        margin: 0 0 14px 0;\n      }\n      .subscript {\n        margin: -14px 0 14px;\n        color: ",";\n      }\n      .overline {\n        font-size: 12px;\n        color: ",";\n      }\n    }\n\n    .MuiCardMedia-root {\n      height: 0;\n      padding-top: 56.25%; // 16:9\n\n      &.MuiCardMedia-img {\n        height: auto;\n        padding: 0;\n      }\n    }\n\n    // CardExpand :: start\n    .MuiCardActions-root {\n      position: relative;\n      padding: 16px 16px 12px 16px;\n\n      button.expand {\n        position: absolute;\n        top: 10px;\n        right: 8px;\n        padding: 8px;\n        transform: rotate(0deg);\n        &.expandOpen {\n          transform: rotate(180deg);\n        }\n      }\n    }\n    // CardExpand :: end\n  }\n\n"])),(function(n){return n.square?0:"8px"}),(function(n){return n.theme.palette.grey[300]}),(function(n){return n.theme.palette.grey[600]}),(function(n){return n.theme.palette.grey[600]}),(function(n){return n.theme.palette.text.primary}))};export{o as default};