| 1 | {"version":3,"sources":["../src/Page.styles.js"],"names":["p","theme","dark","continuous","PageTitleWrapper"],"mappings":";;;;;;;;;;;AACA;;eAEe,0CAAO,KAAP;AAAA;AAAA,E,iCAEO,UAAAA,CAAC;AAAA,SAAI,0BAASA,CAAC,CAACC,KAAX,EAAkB,uBAAlB,CAAJ;AAAA,C,iFAKnB,UAAAD,CAAC;AAAA,SACDA,CAAC,CAACE,IAAF,0CADC;AAAA,C,OAKD,UAAAF,CAAC;AAAA,SACDA,CAAC,CAACG,UAAF,wBADC;AAAA,C;;;AAOE,IAAMC,gBAAgB,GAAG,0CAAO,KAAP;AAAA;AAAA;AAAA,EAAH,iBACZ,UAAAJ,CAAC;AAAA,SAAI,0BAASA,CAAC,CAACC,KAAX,EAAkB,YAAlB,CAAJ;AAAA,CADW,0IAUlB,UAAAD,CAAC;AAAA,SAAI,0BAASA,CAAC,CAACC,KAAX,EAAkB,aAAlB,CAAJ;AAAA,CAViB,0tDAAtB","sourcesContent":["import styled from '@emotion/styled';\nimport getTheme from '@lskjs/theme/getTheme';\n\nexport default styled('div')`\n width: 100%;\n background-color: ${p => getTheme(p.theme, 'colors.mainBackground')};\n padding: 4px 8px 24px;\n display: flex;\n flex-direction: column;\n position: relative;\n ${p =>\n p.dark &&\n `\n background-color: #f0f0f0;\n `}\n ${p =>\n p.continuous &&\n `\n flex: 1;\n `}\n`;\n\nexport const PageTitleWrapper = styled('div')`\n font-family: ${p => getTheme(p.theme, 'fontFamily')};\n font-size: 26px;\n font-weight: bold;\n font-style: normal;\n font-stretch: normal;\n line-height: 2.15;\n letter-spacing: -0.1px;\n\n text-align: left;\n color: ${p => getTheme(p.theme, 'colors.main')};\n margin: 8px 0 0;\n display: flex;\n align-items: flex-end;\n min-height: 40px;\n width: 100%;\n position: relative;\n @media screen and (max-width: 450px) {\n align-items: center !important;\n }\n`;\n"],"file":"Page.styles.js"} |