mirror of
https://github.com/kognise/water.css.git
synced 2025-02-24 13:52:56 +01:00
1 line
12 KiB
Plaintext
1 line
12 KiB
Plaintext
{"version":3,"sources":["builds/light.css","builds/light.scss","_variables/_variables-light.scss","_variables/_variables-dark.scss","parts/_base.scss","parts/_typography.scss","parts/_forms.scss","parts/_links.scss","parts/_code.scss","parts/_misc.scss"],"names":[],"mappings":"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","file":"light.css","sourcesContent":["@charset \"UTF-8\";\n/**\n * Light-themed version:\n * uses light theme by default but switches to dark theme\n * if a system-wide theme preference is set on the user's device.\n *\n * Variables will remain uncompiled so the theme can update dynamically\n * at runtime in the browser.\n */\n/* To use this file from Sass, import `_variables/_variables-light` */\n:root {\n --background: #ffffff;\n --background-alt: #efefef;\n --selection: #9e9e9e;\n --text-main: #363636;\n --text-bright: #000000;\n --links: #0076d1;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #000000;\n --animation-duration: 0.1s;\n --button-hover: #dddddd;\n --scrollbar-thumb: #d5d5d5;\n --scrollbar-thumb-hover: #c4c4c4;\n --form-placeholder: #949494;\n --form-text: #000000;\n}\n\n@media (prefers-color-scheme: dark) {\n /* To use this file from Sass, import `_variables/_variables-dark` */\n :root {\n --background: #202b38;\n --background-alt: #161f27;\n --selection: #161f27;\n --text-main: #dbdbdb;\n --text-bright: #ffffff;\n --links: #41adff;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #ffbe85;\n --animation-duration: 0.1s;\n --button-hover: #324759;\n --scrollbar-thumb: #324759;\n --scrollbar-thumb-hover: #415c73;\n --form-placeholder: #a9a9a9;\n --form-text: #ffffff;\n }\n}\n\nbody {\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n line-height: 1.4;\n max-width: 800px;\n margin: 20px auto;\n padding: 0 10px;\n color: var(--text-main);\n background: var(--background);\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear, border-color var(--animation-duration) linear, color var(--animation-duration) linear, box-shadow var(--animation-duration) linear, transform var(--animation-duration) ease;\n}\n\nh1 {\n font-size: 2.2em;\n margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n color: var(--text-bright);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n font-weight: 600;\n}\n\nblockquote {\n border-left: 4px solid var(--focus);\n margin: 1.5em 0em;\n padding: 0.5em 1em;\n font-style: italic;\n}\n\nblockquote > footer {\n margin-top: 10px;\n font-style: normal;\n}\n\nblockquote cite {\n font-style: normal;\n}\n\naddress {\n font-style: normal;\n}\n\na[href^='mailto']::before {\n content: '📧 ';\n}\n\na[href^='tel']::before {\n content: '📞 ';\n}\n\na[href^='sms']::before {\n content: '💬 ';\n}\n\nbutton,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput, select, button, textarea {\n color: var(--form-text);\n background-color: var(--background-alt);\n font-family: inherit;\n font-size: inherit;\n margin-right: 6px;\n margin-bottom: 6px;\n padding: 10px;\n border: none;\n border-radius: 6px;\n outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect, button, textarea {\n -webkit-appearance: none;\n}\n\ntextarea {\n margin-right: 0;\n width: 100%;\n box-sizing: border-box;\n resize: vertical;\n}\n\nbutton, input[type='submit'], input[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--focus);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\nbutton:active {\n transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n opacity: .5;\n}\n\n::placeholder {\n color: var(--form-placeholder);\n}\n\na {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}\n\ncode, kbd {\n background: var(--background-alt);\n color: var(--code);\n padding: 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nimg {\n max-width: 100%;\n height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--border);\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd, th {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}\n","/**\n * Light-themed version:\n * uses light theme by default but switches to dark theme\n * if a system-wide theme preference is set on the user's device.\n *\n * Variables will remain uncompiled so the theme can update dynamically\n * at runtime in the browser.\n */\n\n@import '../_variables/variables-light';\n\n@media (prefers-color-scheme: dark) {\n @import '../_variables/variables-dark';\n}\n\n@import '../parts/core';","/* To use this file from Sass, import `_variables/_variables-light` */\n\n:root {\n--background: #ffffff;\n--background-alt: #efefef;\n\n--selection: #9e9e9e;\n\n--text-main: #363636;\n--text-bright: #000000;\n\n--links: #0076d1;\n--focus: #0096bfab;\n--border: #dbdbdb;\n--code: #000000;\n\n--animation-duration: 0.1s;\n--button-hover: #dddddd;\n\n--scrollbar-thumb: #{darken( #dddddd, 3% )};\n--scrollbar-thumb-hover: #{darken( #dddddd, 10% )};\n\n--form-placeholder: #949494;\n--form-text: #000000;\n}\n","/* To use this file from Sass, import `_variables/_variables-dark` */\n\n:root {\n --background: #202b38;\n --background-alt: #161f27;\n\n --selection: #161f27;\n\n --text-main: #dbdbdb;\n --text-bright: #ffffff;\n\n --links: #41adff;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #ffbe85;\n\n --animation-duration: 0.1s;\n --button-hover: #324759;\n\n --scrollbar-thumb: #324759;\n --scrollbar-thumb-hover: #{lighten(#324759, 8%)};\n\n --form-placeholder: #a9a9a9;\n --form-text: #ffffff;\n}\n","body {\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n line-height: 1.4;\n\n max-width: 800px;\n margin: 20px auto;\n padding: 0 10px;\n\n color: var(--text-main);\n background: var(--background);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","h1 {\n font-size: 2.2em;\n margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n color: var(--text-bright);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n font-weight: 600;\n}\n\nblockquote {\n border-left: 4px solid var(--focus);\n margin: 1.5em 0em;\n padding: 0.5em 1em;\n font-style: italic;\n}\n\nblockquote > footer {\n margin-top: 10px;\n font-style: normal;\n}\n\nblockquote cite {\n font-style: normal;\n}\n\naddress {\n font-style: normal;\n}\n\na[href^='mailto']::before {\n content: '📧 ';\n}\n\na[href^='tel']::before {\n content: '📞 ';\n}\n\na[href^='sms']::before {\n content: '💬 ';\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput, select, button, textarea {\n color: var(--form-text);\n background-color: var(--background-alt);\n\n font-family: inherit;\n font-size: inherit;\n\n margin-right: 6px;\n margin-bottom: 6px;\n padding: 10px;\n\n border: none;\n border-radius: 6px;\n outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect, button, textarea {\n -webkit-appearance: none;\n}\n\ntextarea {\n margin-right: 0;\n width: 100%;\n box-sizing: border-box;\n resize: vertical;\n}\n\nbutton, input[type='submit'], input[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--focus);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\nbutton:active {\n transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n opacity: .5;\n}\n\n::placeholder {\n color: var(--form-placeholder);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, kbd {\n background: var(--background-alt);\n color: var(--code);\n padding: 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}","img {\n max-width: 100%;\n height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--border);\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd, th {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}"]} |