fictoan-react 0.41.15 → 0.41.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +3 -0
- package/dist/cjs/components/Typography/Typography.styled.js +1 -1
- package/dist/cjs/components/Typography/Typography.styled.js.map +1 -1
- package/dist/es/components/Typography/Typography.styled.js +1 -1
- package/dist/es/components/Typography/Typography.styled.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=require("styled-components").css`body{font-size:${e=>e.theme.text.paras.size}em;line-height:${e=>e.theme.text.paras.lineHeight};font-family:${e=>e.theme.text.font.sans};word-wrap:normal;text-rendering:optimizeLegibility;background-color:${e=>e.theme.body.bg};}h1,h2,h3,h4,h5,h6{font-family:${e=>e.theme.text.headings.font};font-weight:${e=>e.theme.text.headings.weight};color:${e=>e.theme.text.headings.color};line-height:${e=>e.theme.text.headings.lineHeight};margin:0;}h1{font-size:${e=>e.theme.text.paras.size*Math.pow(e.theme.text.headings.multiplier,8)}em;}h2{font-size:${e=>e.theme.text.paras.size*Math.pow(e.theme.text.headings.multiplier,6)}em;}h3{font-size:${e=>e.theme.text.paras.size*Math.pow(e.theme.text.headings.multiplier,4)}em;}h4{font-size:${e=>e.theme.text.paras.size*Math.pow(e.theme.text.headings.multiplier,3)}em;}h5{font-size:${e=>e.theme.text.paras.size*Math.pow(e.theme.text.headings.multiplier,2)}em;}h6{font-size:${e=>e.theme.text.paras.size*Math.pow(e.theme.text.headings.multiplier,1)}em;}@media all and (max-width : 720px){h1{font-size:32px;}h2{font-size:28px;}h3{font-size:24px;}h4{font-size:20px;}h5{font-size:18px;}h6{font-size:16px;}p{font-size:14px;}h1,h2,h3,h4,h5,h6{word-wrap:break-word;}}p{font-family:${e=>e.theme.text.paras.font};color:${e=>e.theme.text.paras.color};}a{cursor:pointer;font-family:${e=>e.theme.text.
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=require("styled-components").css`body{font-size:${e=>e.theme.text.paras.size}em;line-height:${e=>e.theme.text.paras.lineHeight};font-family:${e=>e.theme.text.font.sans};word-wrap:normal;text-rendering:optimizeLegibility;background-color:${e=>e.theme.body.bg};}h1,h2,h3,h4,h5,h6{font-family:${e=>e.theme.text.headings.font};font-weight:${e=>e.theme.text.headings.weight};color:${e=>e.theme.text.headings.color};line-height:${e=>e.theme.text.headings.lineHeight};margin:0;}h1{font-size:${e=>e.theme.text.paras.size*Math.pow(e.theme.text.headings.multiplier,8)}em;}h2{font-size:${e=>e.theme.text.paras.size*Math.pow(e.theme.text.headings.multiplier,6)}em;}h3{font-size:${e=>e.theme.text.paras.size*Math.pow(e.theme.text.headings.multiplier,4)}em;}h4{font-size:${e=>e.theme.text.paras.size*Math.pow(e.theme.text.headings.multiplier,3)}em;}h5{font-size:${e=>e.theme.text.paras.size*Math.pow(e.theme.text.headings.multiplier,2)}em;}h6{font-size:${e=>e.theme.text.paras.size*Math.pow(e.theme.text.headings.multiplier,1)}em;}@media all and (max-width : 720px){h1{font-size:32px;}h2{font-size:28px;}h3{font-size:24px;}h4{font-size:20px;}h5{font-size:18px;}h6{font-size:16px;}p{font-size:14px;}h1,h2,h3,h4,h5,h6{word-wrap:break-word;}}p{font-family:${e=>e.theme.text.paras.font};color:${e=>e.theme.text.paras.color};}a{cursor:pointer;font-family:${e=>e.theme.text.links.font};color:${e=>e.theme.text.links.default.color};font-weight:bold;transition:all 0.2s;width:fit-content;}a:not(.ff-button):hover{color:${e=>e.theme.text.links.onHover.color};}a:active{opacity:0.72;}.font-sans{font-family:${e=>e.theme.text.font.sans};}.font-serif{font-family:${e=>e.theme.text.font.serif};}.font-mono{font-family:${e=>e.theme.text.font.mono};}.text-left{text-align:left;}.text-centre,.text-center{text-align:center;}.text-right{text-align:right;}::-moz-selection{background:${e=>e.theme.text.selection.bg};color:${e=>e.theme.text.selection.text};}::selection{background:${e=>e.theme.text.selection.bg};color:${e=>e.theme.text.selection.text};}`;exports.TypographyStyled=e;
|
|
2
2
|
//# sourceMappingURL=Typography.styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Typography.styled.js","sources":["../../../../src/components/Typography/Typography.styled.tsx"],"sourcesContent":["import { css } from \"styled-components\";\n\nimport { GlobalStyledProps } from \"../ThemeProvider/ThemeProvider\";\n\n\nexport const TypographyStyled = css`\n body {\n font-size : ${(props: GlobalStyledProps) => props.theme.text.paras.size}em;\n line-height : ${(props: GlobalStyledProps) => props.theme.text.paras.lineHeight};\n font-family : ${(props: GlobalStyledProps) => props.theme.text.font.sans};\n word-wrap : normal;\n text-rendering : optimizeLegibility;\n background-color : ${(props: GlobalStyledProps) => props.theme.body.bg};\n }\n\n h1, h2, h3, h4, h5, h6 {\n font-family : ${(props: GlobalStyledProps) => props.theme.text.headings.font};\n font-weight : ${(props: GlobalStyledProps) => props.theme.text.headings.weight};\n color : ${(props: GlobalStyledProps) => props.theme.text.headings.color};\n line-height : ${(props: GlobalStyledProps) => props.theme.text.headings.lineHeight};\n margin : 0;\n }\n\n h1 { font-size : ${(props: GlobalStyledProps) => props.theme.text.paras.size * Math.pow(props.theme.text.headings.multiplier, 8)}em; }\n h2 { font-size : ${(props: GlobalStyledProps) => props.theme.text.paras.size * Math.pow(props.theme.text.headings.multiplier, 6)}em; }\n h3 { font-size : ${(props: GlobalStyledProps) => props.theme.text.paras.size * Math.pow(props.theme.text.headings.multiplier, 4)}em; }\n h4 { font-size : ${(props: GlobalStyledProps) => props.theme.text.paras.size * Math.pow(props.theme.text.headings.multiplier, 3)}em; }\n h5 { font-size : ${(props: GlobalStyledProps) => props.theme.text.paras.size * Math.pow(props.theme.text.headings.multiplier, 2)}em; }\n h6 { font-size : ${(props: GlobalStyledProps) => props.theme.text.paras.size * Math.pow(props.theme.text.headings.multiplier, 1)}em; }\n\n @media all and (max-width : 720px) {\n h1 { font-size : 32px; }\n h2 { font-size : 28px; }\n h3 { font-size : 24px; }\n h4 { font-size : 20px; }\n h5 { font-size : 18px; }\n h6 { font-size : 16px; }\n p { font-size : 14px; }\n\n h1, h2, h3, h4, h5, h6 { word-wrap : break-word; }\n }\n\n p {\n font-family : ${(props: GlobalStyledProps) => props.theme.text.paras.font};\n color : ${(props: GlobalStyledProps) => props.theme.text.paras.color};\n }\n\n a {\n cursor : pointer;\n font-family : ${(props: GlobalStyledProps) => props.theme.text.
|
|
1
|
+
{"version":3,"file":"Typography.styled.js","sources":["../../../../src/components/Typography/Typography.styled.tsx"],"sourcesContent":["import { css } from \"styled-components\";\n\nimport { GlobalStyledProps } from \"../ThemeProvider/ThemeProvider\";\n\n\nexport const TypographyStyled = css`\n body {\n font-size : ${(props: GlobalStyledProps) => props.theme.text.paras.size}em;\n line-height : ${(props: GlobalStyledProps) => props.theme.text.paras.lineHeight};\n font-family : ${(props: GlobalStyledProps) => props.theme.text.font.sans};\n word-wrap : normal;\n text-rendering : optimizeLegibility;\n background-color : ${(props: GlobalStyledProps) => props.theme.body.bg};\n }\n\n h1, h2, h3, h4, h5, h6 {\n font-family : ${(props: GlobalStyledProps) => props.theme.text.headings.font};\n font-weight : ${(props: GlobalStyledProps) => props.theme.text.headings.weight};\n color : ${(props: GlobalStyledProps) => props.theme.text.headings.color};\n line-height : ${(props: GlobalStyledProps) => props.theme.text.headings.lineHeight};\n margin : 0;\n }\n\n h1 { font-size : ${(props: GlobalStyledProps) => props.theme.text.paras.size * Math.pow(props.theme.text.headings.multiplier, 8)}em; }\n h2 { font-size : ${(props: GlobalStyledProps) => props.theme.text.paras.size * Math.pow(props.theme.text.headings.multiplier, 6)}em; }\n h3 { font-size : ${(props: GlobalStyledProps) => props.theme.text.paras.size * Math.pow(props.theme.text.headings.multiplier, 4)}em; }\n h4 { font-size : ${(props: GlobalStyledProps) => props.theme.text.paras.size * Math.pow(props.theme.text.headings.multiplier, 3)}em; }\n h5 { font-size : ${(props: GlobalStyledProps) => props.theme.text.paras.size * Math.pow(props.theme.text.headings.multiplier, 2)}em; }\n h6 { font-size : ${(props: GlobalStyledProps) => props.theme.text.paras.size * Math.pow(props.theme.text.headings.multiplier, 1)}em; }\n\n @media all and (max-width : 720px) {\n h1 { font-size : 32px; }\n h2 { font-size : 28px; }\n h3 { font-size : 24px; }\n h4 { font-size : 20px; }\n h5 { font-size : 18px; }\n h6 { font-size : 16px; }\n p { font-size : 14px; }\n\n h1, h2, h3, h4, h5, h6 { word-wrap : break-word; }\n }\n\n p {\n font-family : ${(props: GlobalStyledProps) => props.theme.text.paras.font};\n color : ${(props: GlobalStyledProps) => props.theme.text.paras.color};\n }\n\n a {\n cursor : pointer;\n font-family : ${(props: GlobalStyledProps) => props.theme.text.links.font};\n color : ${(props: GlobalStyledProps) => props.theme.text.links.default.color};\n font-weight : bold;\n transition : all 0.2s;\n width : fit-content;\n }\n\n a:not(.ff-button):hover { color : ${(props: GlobalStyledProps) => props.theme.text.links.onHover.color}; }\n\n a:active { opacity: 0.72; }\n\n .font-sans { font-family : ${(props: GlobalStyledProps) => props.theme.text.font.sans}; }\n .font-serif { font-family : ${(props: GlobalStyledProps) => props.theme.text.font.serif}; }\n .font-mono { font-family : ${(props: GlobalStyledProps) => props.theme.text.font.mono}; }\n\n .text-left { text-align : left; }\n .text-centre,\n .text-center { text-align : center; }\n .text-right { text-align : right; }\n\n /* Colour of highlight and text colour\n - for Firefox browsers */\n ::-moz-selection {\n background : ${(props: GlobalStyledProps) => props.theme.text.selection.bg};\n color : ${(props: GlobalStyledProps) => props.theme.text.selection.text};\n }\n // Same thing - for Webkit browsers\n ::selection {\n background : ${(props: GlobalStyledProps) => props.theme.text.selection.bg};\n color : ${(props: GlobalStyledProps) => props.theme.text.selection.text};\n }\n`;\n"],"names":["TypographyStyled","props","theme","text","paras","size","lineHeight","font","sans","body","bg","headings","weight","color","Math","pow","multiplier","links","default","onHover","serif","mono","selection"],"mappings":"0EAKaA,oDAEiBC,GAA6BA,EAAMC,MAAMC,KAAKC,MAAMC,sBACpDJ,GAA6BA,EAAMC,MAAMC,KAAKC,MAAME,0BACpDL,GAA6BA,EAAMC,MAAMC,KAAKI,KAAKC,4EAGnDP,GAA6BA,EAAMC,MAAMO,KAAKC,qCAInDT,GAA6BA,EAAMC,MAAMC,KAAKQ,SAASJ,oBACvDN,GAA6BA,EAAMC,MAAMC,KAAKQ,SAASC,gBACvDX,GAA6BA,EAAMC,MAAMC,KAAKQ,SAASE,qBACvDZ,GAA6BA,EAAMC,MAAMC,KAAKQ,SAASL,qCAIxDL,GAA6BA,EAAMC,MAAMC,KAAKC,MAAMC,KAAOS,KAAKC,IAAId,EAAMC,MAAMC,KAAKQ,SAASK,WAAY,sBAC1Gf,GAA6BA,EAAMC,MAAMC,KAAKC,MAAMC,KAAOS,KAAKC,IAAId,EAAMC,MAAMC,KAAKQ,SAASK,WAAY,sBAC1Gf,GAA6BA,EAAMC,MAAMC,KAAKC,MAAMC,KAAOS,KAAKC,IAAId,EAAMC,MAAMC,KAAKQ,SAASK,WAAY,sBAC1Gf,GAA6BA,EAAMC,MAAMC,KAAKC,MAAMC,KAAOS,KAAKC,IAAId,EAAMC,MAAMC,KAAKQ,SAASK,WAAY,sBAC1Gf,GAA6BA,EAAMC,MAAMC,KAAKC,MAAMC,KAAOS,KAAKC,IAAId,EAAMC,MAAMC,KAAKQ,SAASK,WAAY,sBAC1Gf,GAA6BA,EAAMC,MAAMC,KAAKC,MAAMC,KAAOS,KAAKC,IAAId,EAAMC,MAAMC,KAAKQ,SAASK,WAAY,uOAezGf,GAA6BA,EAAMC,MAAMC,KAAKC,MAAMG,cACpDN,GAA6BA,EAAMC,MAAMC,KAAKC,MAAMS,uCAKpDZ,GAA6BA,EAAMC,MAAMC,KAAKc,MAAMV,cACpDN,GAA6BA,EAAMC,MAAMC,KAAKc,MAAMC,QAAQL,+FAM5CZ,GAA6BA,EAAMC,MAAMC,KAAKc,MAAME,QAAQN,wDAIlEZ,GAA6BA,EAAMC,MAAMC,KAAKI,KAAKC,iCACnDP,GAA6BA,EAAMC,MAAMC,KAAKI,KAAKa,iCACnDnB,GAA6BA,EAAMC,MAAMC,KAAKI,KAAKc,4IAU9DpB,GAA6BA,EAAMC,MAAMC,KAAKmB,UAAUZ,YACxDT,GAA6BA,EAAMC,MAAMC,KAAKmB,UAAUnB,gCAIxDF,GAA6BA,EAAMC,MAAMC,KAAKmB,UAAUZ,YACxDT,GAA6BA,EAAMC,MAAMC,KAAKmB,UAAUnB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as t}from"styled-components";const e=t`body{font-size:${t=>t.theme.text.paras.size}em;line-height:${t=>t.theme.text.paras.lineHeight};font-family:${t=>t.theme.text.font.sans};word-wrap:normal;text-rendering:optimizeLegibility;background-color:${t=>t.theme.body.bg};}h1,h2,h3,h4,h5,h6{font-family:${t=>t.theme.text.headings.font};font-weight:${t=>t.theme.text.headings.weight};color:${t=>t.theme.text.headings.color};line-height:${t=>t.theme.text.headings.lineHeight};margin:0;}h1{font-size:${t=>t.theme.text.paras.size*Math.pow(t.theme.text.headings.multiplier,8)}em;}h2{font-size:${t=>t.theme.text.paras.size*Math.pow(t.theme.text.headings.multiplier,6)}em;}h3{font-size:${t=>t.theme.text.paras.size*Math.pow(t.theme.text.headings.multiplier,4)}em;}h4{font-size:${t=>t.theme.text.paras.size*Math.pow(t.theme.text.headings.multiplier,3)}em;}h5{font-size:${t=>t.theme.text.paras.size*Math.pow(t.theme.text.headings.multiplier,2)}em;}h6{font-size:${t=>t.theme.text.paras.size*Math.pow(t.theme.text.headings.multiplier,1)}em;}@media all and (max-width : 720px){h1{font-size:32px;}h2{font-size:28px;}h3{font-size:24px;}h4{font-size:20px;}h5{font-size:18px;}h6{font-size:16px;}p{font-size:14px;}h1,h2,h3,h4,h5,h6{word-wrap:break-word;}}p{font-family:${t=>t.theme.text.paras.font};color:${t=>t.theme.text.paras.color};}a{cursor:pointer;font-family:${t=>t.theme.text.
|
|
1
|
+
import{css as t}from"styled-components";const e=t`body{font-size:${t=>t.theme.text.paras.size}em;line-height:${t=>t.theme.text.paras.lineHeight};font-family:${t=>t.theme.text.font.sans};word-wrap:normal;text-rendering:optimizeLegibility;background-color:${t=>t.theme.body.bg};}h1,h2,h3,h4,h5,h6{font-family:${t=>t.theme.text.headings.font};font-weight:${t=>t.theme.text.headings.weight};color:${t=>t.theme.text.headings.color};line-height:${t=>t.theme.text.headings.lineHeight};margin:0;}h1{font-size:${t=>t.theme.text.paras.size*Math.pow(t.theme.text.headings.multiplier,8)}em;}h2{font-size:${t=>t.theme.text.paras.size*Math.pow(t.theme.text.headings.multiplier,6)}em;}h3{font-size:${t=>t.theme.text.paras.size*Math.pow(t.theme.text.headings.multiplier,4)}em;}h4{font-size:${t=>t.theme.text.paras.size*Math.pow(t.theme.text.headings.multiplier,3)}em;}h5{font-size:${t=>t.theme.text.paras.size*Math.pow(t.theme.text.headings.multiplier,2)}em;}h6{font-size:${t=>t.theme.text.paras.size*Math.pow(t.theme.text.headings.multiplier,1)}em;}@media all and (max-width : 720px){h1{font-size:32px;}h2{font-size:28px;}h3{font-size:24px;}h4{font-size:20px;}h5{font-size:18px;}h6{font-size:16px;}p{font-size:14px;}h1,h2,h3,h4,h5,h6{word-wrap:break-word;}}p{font-family:${t=>t.theme.text.paras.font};color:${t=>t.theme.text.paras.color};}a{cursor:pointer;font-family:${t=>t.theme.text.links.font};color:${t=>t.theme.text.links.default.color};font-weight:bold;transition:all 0.2s;width:fit-content;}a:not(.ff-button):hover{color:${t=>t.theme.text.links.onHover.color};}a:active{opacity:0.72;}.font-sans{font-family:${t=>t.theme.text.font.sans};}.font-serif{font-family:${t=>t.theme.text.font.serif};}.font-mono{font-family:${t=>t.theme.text.font.mono};}.text-left{text-align:left;}.text-centre,.text-center{text-align:center;}.text-right{text-align:right;}::-moz-selection{background:${t=>t.theme.text.selection.bg};color:${t=>t.theme.text.selection.text};}::selection{background:${t=>t.theme.text.selection.bg};color:${t=>t.theme.text.selection.text};}`;export{e as TypographyStyled};
|
|
2
2
|
//# sourceMappingURL=Typography.styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Typography.styled.js","sources":["../../../../src/components/Typography/Typography.styled.tsx"],"sourcesContent":["import { css } from \"styled-components\";\n\nimport { GlobalStyledProps } from \"../ThemeProvider/ThemeProvider\";\n\n\nexport const TypographyStyled = css`\n body {\n font-size : ${(props: GlobalStyledProps) => props.theme.text.paras.size}em;\n line-height : ${(props: GlobalStyledProps) => props.theme.text.paras.lineHeight};\n font-family : ${(props: GlobalStyledProps) => props.theme.text.font.sans};\n word-wrap : normal;\n text-rendering : optimizeLegibility;\n background-color : ${(props: GlobalStyledProps) => props.theme.body.bg};\n }\n\n h1, h2, h3, h4, h5, h6 {\n font-family : ${(props: GlobalStyledProps) => props.theme.text.headings.font};\n font-weight : ${(props: GlobalStyledProps) => props.theme.text.headings.weight};\n color : ${(props: GlobalStyledProps) => props.theme.text.headings.color};\n line-height : ${(props: GlobalStyledProps) => props.theme.text.headings.lineHeight};\n margin : 0;\n }\n\n h1 { font-size : ${(props: GlobalStyledProps) => props.theme.text.paras.size * Math.pow(props.theme.text.headings.multiplier, 8)}em; }\n h2 { font-size : ${(props: GlobalStyledProps) => props.theme.text.paras.size * Math.pow(props.theme.text.headings.multiplier, 6)}em; }\n h3 { font-size : ${(props: GlobalStyledProps) => props.theme.text.paras.size * Math.pow(props.theme.text.headings.multiplier, 4)}em; }\n h4 { font-size : ${(props: GlobalStyledProps) => props.theme.text.paras.size * Math.pow(props.theme.text.headings.multiplier, 3)}em; }\n h5 { font-size : ${(props: GlobalStyledProps) => props.theme.text.paras.size * Math.pow(props.theme.text.headings.multiplier, 2)}em; }\n h6 { font-size : ${(props: GlobalStyledProps) => props.theme.text.paras.size * Math.pow(props.theme.text.headings.multiplier, 1)}em; }\n\n @media all and (max-width : 720px) {\n h1 { font-size : 32px; }\n h2 { font-size : 28px; }\n h3 { font-size : 24px; }\n h4 { font-size : 20px; }\n h5 { font-size : 18px; }\n h6 { font-size : 16px; }\n p { font-size : 14px; }\n\n h1, h2, h3, h4, h5, h6 { word-wrap : break-word; }\n }\n\n p {\n font-family : ${(props: GlobalStyledProps) => props.theme.text.paras.font};\n color : ${(props: GlobalStyledProps) => props.theme.text.paras.color};\n }\n\n a {\n cursor : pointer;\n font-family : ${(props: GlobalStyledProps) => props.theme.text.
|
|
1
|
+
{"version":3,"file":"Typography.styled.js","sources":["../../../../src/components/Typography/Typography.styled.tsx"],"sourcesContent":["import { css } from \"styled-components\";\n\nimport { GlobalStyledProps } from \"../ThemeProvider/ThemeProvider\";\n\n\nexport const TypographyStyled = css`\n body {\n font-size : ${(props: GlobalStyledProps) => props.theme.text.paras.size}em;\n line-height : ${(props: GlobalStyledProps) => props.theme.text.paras.lineHeight};\n font-family : ${(props: GlobalStyledProps) => props.theme.text.font.sans};\n word-wrap : normal;\n text-rendering : optimizeLegibility;\n background-color : ${(props: GlobalStyledProps) => props.theme.body.bg};\n }\n\n h1, h2, h3, h4, h5, h6 {\n font-family : ${(props: GlobalStyledProps) => props.theme.text.headings.font};\n font-weight : ${(props: GlobalStyledProps) => props.theme.text.headings.weight};\n color : ${(props: GlobalStyledProps) => props.theme.text.headings.color};\n line-height : ${(props: GlobalStyledProps) => props.theme.text.headings.lineHeight};\n margin : 0;\n }\n\n h1 { font-size : ${(props: GlobalStyledProps) => props.theme.text.paras.size * Math.pow(props.theme.text.headings.multiplier, 8)}em; }\n h2 { font-size : ${(props: GlobalStyledProps) => props.theme.text.paras.size * Math.pow(props.theme.text.headings.multiplier, 6)}em; }\n h3 { font-size : ${(props: GlobalStyledProps) => props.theme.text.paras.size * Math.pow(props.theme.text.headings.multiplier, 4)}em; }\n h4 { font-size : ${(props: GlobalStyledProps) => props.theme.text.paras.size * Math.pow(props.theme.text.headings.multiplier, 3)}em; }\n h5 { font-size : ${(props: GlobalStyledProps) => props.theme.text.paras.size * Math.pow(props.theme.text.headings.multiplier, 2)}em; }\n h6 { font-size : ${(props: GlobalStyledProps) => props.theme.text.paras.size * Math.pow(props.theme.text.headings.multiplier, 1)}em; }\n\n @media all and (max-width : 720px) {\n h1 { font-size : 32px; }\n h2 { font-size : 28px; }\n h3 { font-size : 24px; }\n h4 { font-size : 20px; }\n h5 { font-size : 18px; }\n h6 { font-size : 16px; }\n p { font-size : 14px; }\n\n h1, h2, h3, h4, h5, h6 { word-wrap : break-word; }\n }\n\n p {\n font-family : ${(props: GlobalStyledProps) => props.theme.text.paras.font};\n color : ${(props: GlobalStyledProps) => props.theme.text.paras.color};\n }\n\n a {\n cursor : pointer;\n font-family : ${(props: GlobalStyledProps) => props.theme.text.links.font};\n color : ${(props: GlobalStyledProps) => props.theme.text.links.default.color};\n font-weight : bold;\n transition : all 0.2s;\n width : fit-content;\n }\n\n a:not(.ff-button):hover { color : ${(props: GlobalStyledProps) => props.theme.text.links.onHover.color}; }\n\n a:active { opacity: 0.72; }\n\n .font-sans { font-family : ${(props: GlobalStyledProps) => props.theme.text.font.sans}; }\n .font-serif { font-family : ${(props: GlobalStyledProps) => props.theme.text.font.serif}; }\n .font-mono { font-family : ${(props: GlobalStyledProps) => props.theme.text.font.mono}; }\n\n .text-left { text-align : left; }\n .text-centre,\n .text-center { text-align : center; }\n .text-right { text-align : right; }\n\n /* Colour of highlight and text colour\n - for Firefox browsers */\n ::-moz-selection {\n background : ${(props: GlobalStyledProps) => props.theme.text.selection.bg};\n color : ${(props: GlobalStyledProps) => props.theme.text.selection.text};\n }\n // Same thing - for Webkit browsers\n ::selection {\n background : ${(props: GlobalStyledProps) => props.theme.text.selection.bg};\n color : ${(props: GlobalStyledProps) => props.theme.text.selection.text};\n }\n`;\n"],"names":["TypographyStyled","css","props","theme","text","paras","size","lineHeight","font","sans","body","bg","headings","weight","color","Math","pow","multiplier","links","default","onHover","serif","mono","selection"],"mappings":"8CAKaA,EAAmBC,mBAEFC,GAA6BA,EAAMC,MAAMC,KAAKC,MAAMC,sBACpDJ,GAA6BA,EAAMC,MAAMC,KAAKC,MAAME,0BACpDL,GAA6BA,EAAMC,MAAMC,KAAKI,KAAKC,4EAGnDP,GAA6BA,EAAMC,MAAMO,KAAKC,qCAInDT,GAA6BA,EAAMC,MAAMC,KAAKQ,SAASJ,oBACvDN,GAA6BA,EAAMC,MAAMC,KAAKQ,SAASC,gBACvDX,GAA6BA,EAAMC,MAAMC,KAAKQ,SAASE,qBACvDZ,GAA6BA,EAAMC,MAAMC,KAAKQ,SAASL,qCAIxDL,GAA6BA,EAAMC,MAAMC,KAAKC,MAAMC,KAAOS,KAAKC,IAAId,EAAMC,MAAMC,KAAKQ,SAASK,WAAY,sBAC1Gf,GAA6BA,EAAMC,MAAMC,KAAKC,MAAMC,KAAOS,KAAKC,IAAId,EAAMC,MAAMC,KAAKQ,SAASK,WAAY,sBAC1Gf,GAA6BA,EAAMC,MAAMC,KAAKC,MAAMC,KAAOS,KAAKC,IAAId,EAAMC,MAAMC,KAAKQ,SAASK,WAAY,sBAC1Gf,GAA6BA,EAAMC,MAAMC,KAAKC,MAAMC,KAAOS,KAAKC,IAAId,EAAMC,MAAMC,KAAKQ,SAASK,WAAY,sBAC1Gf,GAA6BA,EAAMC,MAAMC,KAAKC,MAAMC,KAAOS,KAAKC,IAAId,EAAMC,MAAMC,KAAKQ,SAASK,WAAY,sBAC1Gf,GAA6BA,EAAMC,MAAMC,KAAKC,MAAMC,KAAOS,KAAKC,IAAId,EAAMC,MAAMC,KAAKQ,SAASK,WAAY,uOAezGf,GAA6BA,EAAMC,MAAMC,KAAKC,MAAMG,cACpDN,GAA6BA,EAAMC,MAAMC,KAAKC,MAAMS,uCAKpDZ,GAA6BA,EAAMC,MAAMC,KAAKc,MAAMV,cACpDN,GAA6BA,EAAMC,MAAMC,KAAKc,MAAMC,QAAQL,+FAM5CZ,GAA6BA,EAAMC,MAAMC,KAAKc,MAAME,QAAQN,wDAIlEZ,GAA6BA,EAAMC,MAAMC,KAAKI,KAAKC,iCACnDP,GAA6BA,EAAMC,MAAMC,KAAKI,KAAKa,iCACnDnB,GAA6BA,EAAMC,MAAMC,KAAKI,KAAKc,4IAU9DpB,GAA6BA,EAAMC,MAAMC,KAAKmB,UAAUZ,YACxDT,GAA6BA,EAAMC,MAAMC,KAAKmB,UAAUnB,gCAIxDF,GAA6BA,EAAMC,MAAMC,KAAKmB,UAAUZ,YACxDT,GAA6BA,EAAMC,MAAMC,KAAKmB,UAAUnB"}
|