-
Notifications
You must be signed in to change notification settings - Fork 0
/
fab.css.map
1 lines (1 loc) · 5.32 KB
/
fab.css.map
1
{"mappings":"AAAA;ECqBE;;;;;;;EAWA;;;;;EAMA;;;;EAOA;;;;;EAKA;;;;EAQA;;;;;;EAQA;;;;EAKA;;;;EAKA;;;;EAKA;;;;;;;EAOA;;;;EAKA;;;;;;;;EASA;;;;;;;EASA;;;;;AD/GF;;AAAA;EECE;;;;;;;EAYA;;;;EAKA;;;;;EAMA;;;;EAMA;;;;;;EAcA;;;;;EAQA;;;;;;;;AFpDF","sources":["scss/_layers.scss","scss/_reset.scss","scss/_typography.scss"],"sourcesContent":["@layer reset, utility, typography, theme;","@use \"layers\";\n\n@layer reset {\n /* \n This reset is based on Elad Shechter's The New CSS Reset (https://elad2412.github.io/the-new-css-reset/), to which \n I am deeply indebted. My changes are not a criticism of his work but a result of different philosophies and \n priorities. Please see my commit comments on GitHub if you are interested in my thoughts on the changes I made.\n */\n\n /*\n Remove the styles set by the \"User-Agent Stylesheet\" using a \n zero-specificity selector.\n - Exclude `svg *` since this is not meant to reset SVG rendering.\n - Exclude media elements to prevent dimension attributes being stripped.\n - Exclude `display` property since it is fundamental to layout (Opinionated)\n - Exclude `outline` property to ensure accessibility. (Opinionated)\n - Due to browser bugs:\n - Exclude `html` - Chrome hyphenation bug\n - Exclude `symbol *` - Firefox SVG sprite\n - Exclude `div` & `span` - Chrome performance issue\n */\n *:where(:not(html, div, span, img, iframe, canvas, svg, video, audio):not(svg *, symbol *)) {\n all: unset;\n list-style: none;\n display: revert;\n outline: revert;\n }\n\n /*\n Reset placeholder text style (pseudo elements are not included in \n the main reset) \n */\n ::placeholder {\n color: unset;\n opacity: unset;\n }\n\n /* Use border-box sizing per industry standard (Opinionated) */\n *,\n *::before,\n *::after {\n box-sizing: border-box;\n }\n\n /* Prevent iOS Safari resizing text in landscape*/\n :where(html) {\n text-size-adjust: none;\n }\n\n /* Set pointer on anchor and buttons since this is expected behavior */\n :where(a, button) {\n cursor: pointer;\n }\n\n /*\n Constrain media elements to their parent (Opinionated) \n Set media elements to block (Opinionated)\n */\n :where(img, iframe, canvas, svg, video, audio) {\n max-inline-size: 100%;\n max-block-size: 100%;\n\n display: block;\n }\n\n /* Revert the 'white-space' property for textarea elements on Safari */\n :where(textarea) {\n white-space: pre-wrap;\n }\n\n /* Set white-space for pre element so line spacing is kept */\n :where(pre) {\n white-space: pre;\n }\n\n /* Restore hidden attribute */\n :where([hidden]) {\n display: none;\n }\n\n /* Restore contenteditable attribute */\n :where([contenteditable]:not([contenteditable=\"false\"])) {\n -moz-user-modify: read-write;\n -webkit-user-modify: read-write;\n user-select: auto;\n }\n\n /* Restore draggable attribute */\n :where([draggable=\"true\"]) {\n -webkit-user-drag: element;\n }\n\n /* Restore dialog positioning */\n :where(dialog) {\n position: absolute;\n inset-inline-start: 0;\n inset-inline-end: 0;\n margin: auto;\n width: fit-content;\n height: fit-content;\n }\n\n :where(dialog:modal) {\n position: fixed;\n inset-block-start: 0;\n inset-block-end: 0;\n max-width: calc(100% - 6px - 2em);\n max-height: calc(100% - 6px - 2em);\n }\n\n /* Remove details summary webkit styles */\n ::-webkit-details-marker {\n display: none;\n }\n}\n","@layer typography {\n :root {\n --font-sans: system-ui, sans-serif;\n --font-slab: Rockwell, \"Rockwell Nova\", \"Roboto Slab\", \"DejaVu Serif\",\n \"Sitka Small\", serif;\n --font-serif: Charter, \"Bitstream Charter\", \"Sitka Text\", Cambria, serif;\n --font-mono: ui-monospace, \"Cascadia Code\", \"Source Code Pro\", Menlo,\n Consolas, \"DejaVu Sans Mono\", monospace;\n }\n\n /* WCAG guidelines stipulate a line height of 1.5 for body text. However,\n this is not great for headers etc. This sets a default that is 1.5 for\n body text but smaller for bigger text. */\n * {\n line-height: calc(1em + 0.5rem);\n }\n\n /* Use sans font stack by default, and set color to theme.*/\n body {\n font-family: var(--font-sans);\n color: var(--color-text-primary);\n }\n\n /* Monospaced font stack */\n code,\n .monospace {\n font-family: var(--font-mono);\n }\n\n /* Set form elements to inherit font settings */\n input,\n button,\n textarea,\n select {\n font: inherit;\n letter-spacing: inherit;\n word-spacing: inherit;\n }\n\n /* Set a max character width on large text elements as this is a readability\n and accessibility issue, and is a WCAG guideline.\n\n Add text-wrap pretty as well, this is very much opinionated, but goes with\n balance on the headers */\n p,\n li,\n figcaption {\n max-width: 70ch;\n text-wrap: pretty;\n }\n\n /* A handy rainbow text class */\n .rainbow-text {\n background: linear-gradient(\n to right,\n var(--color-rainbow-red),\n var(--color-rainbow-orange),\n var(--color-rainbow-yellow),\n var(--color-rainbow-green),\n var(--color-rainbow-blue),\n var(--color-rainbow-purple)\n );\n background-clip: text;\n -webkit-text-fill-color: transparent;\n width: max-content;\n }\n}\n"],"names":[],"version":3,"file":"fab.css.map"}