| 1 | {"version":3,"sources":["../../src/SlideContent/SlideContent.styles.js"],"names":["Wrapper","p","theme","ImageWrapper","Title","Subtitle","Footer","IconWrapper","ContentWrapper","align"],"mappings":";;;;;;;;;;;AACA;;;;AAEO,IAAMA,OAAO,GAAG,oCAAO,SAAP;AAAA;AAAA;AAAA,EAAH,iBACH,UAACC,CAAD;AAAA,SAAO,0BAASA,CAAC,CAACC,KAAX,EAAkB,YAAlB,CAAP;AAAA,CADG,4jFAAb;;AAaA,IAAMC,YAAY,GAAG,oCAAO,KAAP;AAAA;AAAA;AAAA,EAAH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;;AAWA,IAAMC,KAAK,GAAG,oCAAO,IAAP;AAAA;AAAA;AAAA,EAAH,2BAEP,UAACH,CAAD;AAAA,SAAO,0BAASA,CAAC,CAACC,KAAX,EAAkB,iBAAlB,CAAP;AAAA,CAFO,4gFAAX;;AASA,IAAMG,QAAQ,GAAG,oCAAO,GAAP;AAAA;AAAA;AAAA,EAAH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAd;;AAQA,IAAMC,MAAM,GAAG,oCAAO,KAAP;AAAA;AAAA;AAAA,EAAH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAZ;;AAOA,IAAMC,WAAW,GAAG,oCAAO,KAAP;AAAA;AAAA;AAAA,EAAH,+DAIb,UAACN,CAAD;AAAA,SAAO,0BAASA,CAAC,CAACC,KAAX,EAAkB,iBAAlB,CAAP;AAAA,CAJa,i7EAAjB;;AAOA,IAAMM,cAAc,GAAG,oCAAO,KAAP;AAAA;AAAA;AAAA,EAAH,gBACX,UAACP,CAAD,EAAO;AACnB,UAAQA,CAAC,CAACQ,KAAV;AACE,SAAK,MAAL;AACE,aAAO,MAAP;;AACF,SAAK,OAAL;AACE,aAAO,OAAP;;AACF,SAAK,QAAL;AACE,aAAO,QAAP;;AACF;AACE,aAAO,QAAP;AARJ;AAUD,CAZwB,i7EAApB","sourcesContent":["import styled from '@emotion/styled';\nimport getTheme from '@lskjs/theme/getTheme';\n\nexport const Wrapper = styled('section')`\n font-family: ${(p) => getTheme(p.theme, 'fontFamily')};\n position: relative;\n text-align: center;\n display: flex;\n align-items: center;\n padding: 0 24px;\n\n @media screen and (max-width: 992px) {\n flex-direction: column;\n }\n`;\n\nexport const ImageWrapper = styled('div')`\n flex: 0 0 62.5%;\n width: 62.5%;\n display: flex;\n justify-content: center;\n zoom: 1;\n @media screen and (max-width: 992px) {\n margin-top: 24px;\n }\n`;\n\nexport const Title = styled('h1')`\n line-height: 1.3;\n color: ${(p) => getTheme(p.theme, 'colors.darkGray')};\n font-weight: 200;\n -webkit-font-smoothing: antialiased;\n font-size: 2.5rem;\n margin-bottom: 1.625rem;\n`;\n\nexport const Subtitle = styled('p')`\n font-size: 1.25rem;\n font-weight: 300;\n margin-bottom: 1.5rem;\n letter-spacing: 0.3px;\n opacity: 0.9;\n`;\n\nexport const Footer = styled('div')`\n margin-top: 0.5rem;\n font-size: 0.75rem;\n opacity: 0.7;\n font-style: italic;\n`;\n\nexport const IconWrapper = styled('div')`\n font-size: 42px;\n padding-top: 28px;\n padding-bottom: 28px;\n color: ${(p) => getTheme(p.theme, 'colors.darkGray')};\n`;\n\nexport const ContentWrapper = styled('div')`\n text-align: ${(p) => {\n switch (p.align) {\n case 'left':\n return 'left';\n case 'right':\n return 'right';\n case 'center':\n return 'center';\n default:\n return 'center';\n }\n }};\n`;\n"],"file":"SlideContent.styles.js"} |