-
Notifications
You must be signed in to change notification settings - Fork 2
/
src.5b3618ca.css.map
1 lines (1 loc) · 5.58 KB
/
src.5b3618ca.css.map
1
{"version":3,"sources":["styles/variables.scss","styles/bettertext.scss","styles/base.scss"],"names":[],"mappings":"AACA,MACE,mBAAA,CACA,0BAAA,CACA,yBAAA,CACA,wBAAA,CACA,wBAIF,MACE,gCAAA,CACA,gCAAA,CACA,oCAAA,CACA,qCAEF,oBACE,+BAAA,CACA,oCAAA,CACA,mCAAA,CACA,sCAIF,MACE,0BAAA,CACA,qBAAA,CACA,oBAAA,CACA,sBAAA,CACA,oBAAA,CACA,yBAAA,CACA,0BAAA,CACA,sBAAA,CACA,uBAAA,CACA,mBAAA,CACA,oCAGF,oBACE,0BAAA,CACA,qBAAA,CACA,oBAAA,CACA,sBAAA,CACA,oBAAA,CACA,yBAAA,CACA,0BAAA,CACA,sBAAA,CACA,uBAAA,CACA,mBAAA,CACA,qCCjDF,MACE,gBAAA,CACA,kBAAA,CACA,0EAAA,CACA,4DAAA,CACA,4DAAA,CACA,4DAAA,CACA,4DAAA,CACA,4DAAA,CACA,6DAGF,KAEE,oCAAA,CACA,mIAAA,CAEA,iBAGF,KACE,QAAA,CACA,+CAAA,CAEA,sBAAA,CAEA,+BAAA,CACA,gCAGF,UAGE,oBAAA,CACA,sBAGF,SAEE,gBAAA,CACA,gBAGF,kBAME,gBAAA,CACA,iBAAA,CACA,0BAAA,CACA,kBAAA,CACA,eAAA,CACA,yCAGF,GACE,+BAEA,yBAHF,GAII,gCAGJ,GACE,+BAEA,yBAHF,GAII,gCAGJ,GACE,+BAEA,yBAHF,GAII,gCAGJ,GACE,+BAEA,yBAHF,GAII,gCAIJ,MAEE,iBAAA,CACA,kBAGF,iBAGE,oBAAA,CACA,QAAA,CACA,SAAA,CACA,mBAGF,IACE,cCtGF,KACE,sCAAA,CACA,gCAAA,CACA,uBAAA,CACA,+GAIF,SACE,uBAGF,EACE,yCAEA,OACE,uBAAA,CACA,yBAAA,CAEA,gCAAA,CAAA,yBAGF,UACE,0BAGF,6BAEE,uBAIJ,kBAEE,oBAAA,CACA,2BAAA,CACA,eAAA,CACA,gBAAA,CACA,eAAA,CACA,YAIF,gBACE,2BAAA,CACA,WAAA,CACA,SAAA,CACA,YAAA,CACA","file":"src.5b3618ca.css","sourceRoot":"../src","sourcesContent":["// static variables\n:root {\n --speed-quick: 0.15s;\n --light-text-color: hsl(221, 15%, 15%);\n --dark-text-color: hsl(221, 15%, 85%);\n --light-bg-color: hsl(228, 33%, 97%);\n --dark-bg-color: hsl(215, 15%, 18%);\n}\n\n// theme-based variables\n:root {\n --bg-color: var(--light-bg-color);\n --little-shadow: rgba(0, 0, 0, 0.15);\n --text-color: var(--light-text-color);\n --heading-color: var(--dark-bg-color);\n}\n:root.night-mode-on {\n --bg-color: var(--dark-bg-color);\n --little-shadow: rgba(255, 255, 255, 0.15);\n --text-color: var(--dark-text-color);\n --heading-color: var(--light-bg-color);\n}\n\n// colors\n:root {\n --color-aquamarine: #16a085;\n --color-green: #27ae60;\n --color-blue: #2980b9;\n --color-violet: #8e44ad;\n --color-gray: #7f8c8d;\n --color-dark-gray: #2c3e50;\n --color-light-gray: #bdc3c7;\n --color-orange: #f39c12;\n --color-pumpkin: #d35400;\n --color-red: #c0392b;\n --color-text: var(--color-dark-gray);\n}\n\n:root.night-mode-on {\n --color-aquamarine: #1abc9c;\n --color-green: #2ecc71;\n --color-blue: #3498db;\n --color-violet: #9b59b6;\n --color-gray: #95a5a6;\n --color-dark-gray: #34495e;\n --color-light-gray: #ecf0f1;\n --color-orange: #f1c40f;\n --color-pumpkin: #e67e22;\n --color-red: #e74c3c;\n --color-text: var(--color-light-gray);\n}\n",":root {\n --font-base: 18px;\n --font-scale: 1.125;\n --font-scale-x2: calc(var(--font-base) * var(--font-scale) * var(--font-scale));\n --font-scale-x3: calc(var(--font-scale-x2) * var(--font-scale));\n --font-scale-x4: calc(var(--font-scale-x3) * var(--font-scale));\n --font-scale-x5: calc(var(--font-scale-x4) * var(--font-scale));\n --font-scale-x6: calc(var(--font-scale-x5) * var(--font-scale));\n --font-scale-x7: calc(var(--font-scale-x6) * var(--font-scale));\n --font-scale-x8: calc(var(--font-scale-x7) * var(--font-scale));\n}\n\nhtml {\n // FUCK ADGUARD EXTENSION\n font-size: var(--font-base) !important; // 18px\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\",\n \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n line-height: 1.65;\n}\n\nbody {\n margin: 0;\n padding: var(--body-vmargin) var(--body-hmargin);\n // FUCK ADGUARD EXTENSION\n font: inherit !important;\n\n --body-vmargin: calc(24px + 4vh);\n --body-hmargin: calc(10px + 4vw);\n}\n\nhtml,\nbody {\n // FUCK ADGUARD EXTENSION\n width: auto !important;\n height: auto !important;\n}\n\np,\nfooter {\n margin: 0 0 1.5em;\n max-width: 50rem;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 3.5em;\n margin-bottom: 1em;\n color: var(--heading-color);\n font-weight: bolder;\n line-height: 1.2;\n transition: color var(--speed-quick) ease;\n}\n\nh1 {\n font-size: var(--font-scale-x8);\n\n @media (max-width: 768px) {\n font-size: var(--font-scale-x6);\n }\n}\nh2 {\n font-size: var(--font-scale-x6);\n\n @media (max-width: 768px) {\n font-size: var(--font-scale-x4);\n }\n}\nh3 {\n font-size: var(--font-scale-x4);\n\n @media (max-width: 768px) {\n font-size: var(--font-scale-x3);\n }\n}\nh4 {\n font-size: var(--font-scale-x2);\n\n @media (max-width: 768px) {\n font-size: var(--font-scale-x1);\n }\n}\n\nul,\nol {\n margin: 0 0 1.5rem;\n max-width: calc(47.5rem);\n}\n\nimg,\nobject,\nembed {\n display: inline-block;\n margin: 0;\n padding: 0;\n vertical-align: top;\n}\n\nimg {\n display: block;\n}\n","html {\n border-top: 0.3em solid var(--color-red);\n background-color: var(--bg-color);\n color: var(--text-color);\n transition: border-top var(--speed-quick) ease, background var(--speed-quick) ease,\n color var(--speed-quick) ease;\n}\n\n[hidden] {\n display: none !important;\n}\n\na {\n transition: color var(--speed-quick) ease;\n\n &:link {\n color: var(--color-blue);\n transition: color 0.3s ease;\n\n text-decoration-skip: ink;\n }\n\n &:visited {\n color: var(--color-violet);\n }\n\n &:link:hover,\n &:visited:hover {\n color: var(--color-red);\n }\n}\n\nsmall,\n.text-small {\n display: inline-block;\n color: var(--app-text-color);\n font-weight: normal;\n font-size: 0.85rem;\n line-height: 1.4;\n opacity: 0.35;\n // transition: color var(--speed-quick) ease;\n}\n\n.visuallyHidden {\n position: absolute !important;\n bottom: 100%;\n opacity: 0;\n opacity: 0.001;\n pointer-events: none;\n}\n"]}