scss-reset/dist/main.css.map

SCSS Reset

{"version":3,"sources":["_reset.scss","_variables.scss","_typography.scss"],"names":[],"mappings":"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","file":"main.css","sourcesContent":["/**\n * Modern CSS Reset Tweaks\n * ==================================================\n * A collection of modern CSS reset and normalization styles\n * to ensure consistent behavior across browsers, OS and devices.\n */\n\n/* Ensure consistent font resizing on mobile devices */\nhtml {\n  -webkit-text-size-adjust: 100%;\n\n  &:focus-within {\n    scroll-behavior: smooth;\n  }\n}\n\n/* Basic body setup for layout and text rendering optimization */\nbody {\n  text-size-adjust: 100%;\n  position: relative;\n\n  width: 100%;\n  min-height: 100vh;\n\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeSpeed;\n}\n\n\n/* Apply box-sizing globally for consistent element sizing */\n*,\n::after,\n::before {\n  box-sizing: border-box;\n}\n\n\n/* Style unclassed links for better accessibility */\na:not([class]) {\n  text-decoration-skip-ink: auto;\n}\n\n\n/**\n * CSS Reset Tweaks\n * Based on Eric Meyer's CSS Reset v2.0-modified (public domain)\n * URL: http://meyerweb.com/eric/tools/css/reset/\n */\n\na,\nabbr,\nacronym,\naddress,\napplet,\narticle,\naside,\naudio,\nb,\nbig,\nblockquote,\nbody,\nbr,\nbutton,\ncanvas,\ncaption,\ncenter,\ncite,\ncode,\ncol,\ncolgroup,\ndata,\ndatalist,\ndd,\ndel,\ndetails,\ndfn,\ndiv,\ndl,\ndt,\nem,\nembed,\nfieldset,\nfigcaption,\nfigure,\nfooter,\nform,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhead,\nheader,\nhgroup,\nhr,\nhtml,\ni,\niframe,\nimg,\ninput,\nins,\nkbd,\nlabel,\nlegend,\nli,\nlink,\nmain,\nmap,\nmark,\nmenu,\nmeta,\nmeter,\nnav,\nnoscript,\nobject,\nol,\noptgroup,\noption,\noutput,\np,\nparam,\npicture,\npre,\nprogress,\nq,\nrb,\nrp,\nrt,\nrtc,\nruby,\ns,\nsamp,\nscript,\nsection,\nselect,\nsmall,\nsource,\nspan,\nstrong,\nstyle,\nsvg,\nsub,\nsummary,\nsup,\ntable,\ntbody,\ntd,\ntemplate,\ntextarea,\ntfoot,\nth,\nthead,\ntime,\ntitle,\ntr,\ntrack,\ntt,\nu,\nul,\nvar,\nvideo,\nwbr {\n  font-size: 100%;\n  font: inherit;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  vertical-align: baseline;\n}\n\n/* Add focus styles to improve accessibility */\n:focus {\n  outline: 0;\n}\n\n/* Normalize HTML5 elements for older browsers */\narticle,\naside,\ndetails,\nembed,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nobject,\nsection {\n  display: block;\n}\n\ncanvas,\niframe {\n  max-width: 100%;\n  height: auto;\n  display: block\n}\n\n/* Remove default list styling */\nol,\nul {\n  list-style: none;\n}\n\n/* Normalize quote styling */\nblockquote,\nq {\n  quotes: none;\n\n  &:before,\n  &:after {\n    content: '';\n    content: none;\n  }\n}\n\n/* Reset and normalize form inputs */\ninput:required,\ninput {\n  box-shadow: none;\n}\n\n/* Autofill styling for better compatibility */\ninput:-webkit-autofill,\ninput:-webkit-autofill:hover,\ninput:-webkit-autofill:focus,\ninput:-webkit-autofill:active {\n  -webkit-box-shadow: 0 0 0 30px white inset;\n}\n\n/* Improve appearance of search inputs */\ninput[type=search]::-webkit-search-cancel-button,\ninput[type=search]::-webkit-search-decoration,\ninput[type=search]::-webkit-search-results-button,\ninput[type=search]::-webkit-search-results-decoration {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n}\n\ninput[type=search] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  -webkit-box-sizing: content-box;\n  -moz-box-sizing: content-box;\n  box-sizing: content-box;\n}\n\ntextarea {\n  overflow: auto;\n  vertical-align: top;\n  resize: vertical;\n}\n\ninput {\n  &:focus {\n    outline: none;\n  }\n}\n\nvideo {\n  background: #000;\n}\n\n\n\n/**\n * Prevent modern browsers from displaying `audio` without controls.\n * Remove excess height in iOS 5 devices.\n */\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\n/**\n * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.\n */\n[hidden] {\n  display: none;\n}\n\n/**\n * Improve readability when focused and also mouse hovered in all browsers.\n */\na:active,\na:hover {\n  outline: none;\n}\n\n/**\n * Make media easier to work with\n */\naudio,\nimg,\npicture,\nsvg,\nvideo {\n  max-width: 100%;\n  display: inline-block;\n  vertical-align: middle;\n  height: auto;\n}\n\n/**\n * Address Firefox 3+ setting `line-height` on `input` using `!important` in\n * the UA stylesheet.\n */\nbutton,\ninput {\n  line-height: normal;\n}\n\n/**\n * Address inconsistent `text-transform` inheritance for `button` and `select`.\n * All other form control elements do not inherit `text-transform` values.\n * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.\n * Correct `select` style inheritance in Firefox 4+ and Opera.\n */\n\nbutton,\nselect {\n  text-transform: none;\n}\n\nbutton,\nhtml input[type=\"button\"],\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n  -webkit-appearance: button;\n  cursor: pointer;\n  border: 0;\n  background: transparent;\n}\n\n/**\n * Re-set default cursor for disabled elements.\n */\nbutton[disabled],\nhtml input[disabled] {\n  cursor: default;\n}\n\n/* Additional attribute handling for accessibility */\n[disabled],\n[disabled=\"true\"],\n[aria-disabled=\"true\"] {\n  pointer-events: none;\n}\n\n/**\n * Address box sizing set to content-box in IE 8/9.\n */\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n  padding: 0;\n}\n\n/**\n * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.\n * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome\n *    (include `-moz` to future-proof).\n */\ninput[type=\"search\"] {\n  -webkit-appearance: textfield;\n  -moz-box-sizing: content-box;\n  -webkit-box-sizing: content-box;\n  box-sizing: content-box;\n}\n\n/**\n * Remove inner padding and search cancel button in Safari 5 and Chrome\n * on OS X.\n */\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * Remove inner padding and border in Firefox 3+.\n */\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n  border: 0;\n  padding: 0;\n}\n\nbutton {\n  border: 0;\n  background: transparent;\n}\n\ntextarea {\n  overflow: auto;\n  vertical-align: top;\n  resize: vertical;\n}\n\n/**\n * Remove most spacing between table cells.\n */\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n  text-indent: 0;\n}\n\n\n/**\n * Based on normalize.css v8.0.1\n * github.com/necolas/normalize.css\n */\nhr {\n  box-sizing: content-box;\n  overflow: visible;\n  background: #000;\n  border: 0;\n  height: 1px;\n  line-height: 0;\n  margin: 0;\n  padding: 0;\n  page-break-after: always;\n  width: 100%;\n}\n\n/**\n * Correct the inheritance and scaling of font size in all browsers.\n */\npre {\n  font-family: monospace, monospace;\n  font-size: 100%;\n}\n\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n  background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n  border-bottom: none;\n  text-decoration: none;\n}\n\ncode,\nkbd,\npre,\nsamp {\n  font-family: monospace, monospace;\n}\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n  font-size: 75%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -5px;\n}\n\nsup {\n  top: -5px;\n}\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit;\n  font-size: 100%;\n  line-height: 1;\n  margin: 0;\n  padding: 0;\n}\n\n/**\n * Show the overflow in IE and Edge.\n */\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n */\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n  outline: 0;\n}\n\n\nlegend {\n  color: inherit;\n  white-space: normal;\n\n  display: block;\n  border: 0;\n  max-width: 100%;\n  width: 100%;\n}\n\nfieldset {\n  min-width: 0;\n}\n\nbody:not(:-moz-handler-blocked) fieldset {\n  display: block;\n}\n\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n  vertical-align: baseline;\n}\n\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=\"search\"] {\n  -webkit-appearance: textfield;\n  /* 1 */\n  outline-offset: -2px;\n  /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  /* 1 */\n  font: inherit;\n  /* 2 */\n}\n\n/* Interactive\n   ========================================================================== */\n\n/*\n * Add the correct display in all browsers.\n */\nsummary {\n  display: list-item;\n}\n\n/* Misc\n   ========================================================================== */\n\ntemplate {\n  display: none;\n}\n","/**\n * Variables\n */\n\n\n/*\n * Fonts\n * ========================================================================== */\n\n$font-family: Arial, Helvetica, sans-serif;\n$font-family-title: Arial, Helvetica, sans-serif;\n\n$body-font: $font-family;\n$body-font-weight: 400;\n\n$header-font: $font-family-title;\n\n$basic-font-size: 100%;\n$paragraph: 16px;\n\n// Golden ration for 16px font-size\n$line-height: 24px;\n\n// For REM / EM\n//$basic-font-size: 62.5%;\n//$paragraph: 1.6rem;\n//$line-height: 2.4rem;\n\n\n\n/*\n * Palette\n * ========================================================================== */\n\n/*\n * Basic Colors\n * ========================================================================== */\n\n$blue: #00f;\n$red: #f00;\n$white: #fff;\n$black: #000;\n$gray: #ccc;\n\n/*\n * Mixing Colors\n * ========================================================================== */\n$text-color: $black;\n$inverted-text-color: $white;\n","@use 'variables' as *;\n\n/**\n * Typography\n */\n\nhtml,\nbody {\n  font-family: $body-font;\n  font-weight: $body-font-weight;\n}\n\nhtml {\n  font-size: $basic-font-size;\n}\n\nbody {\n  color: $text-color;\n  font-size: $paragraph;\n  line-height: $line-height;\n\n}\n\nh1,\nh2,\nh3 {\n  font-family: $header-font;\n  font-weight: 600;\n}\n\n\nhtml,\nbutton,\ninput,\nselect,\ntextarea {\n  color: $text-color;\n}\n\na {\n  color: $text-color;\n  text-decoration: none;\n\n  &:visited {\n    outline: 0;\n  }\n\n  &:focus,\n  &:active,\n  &:hover {\n    text-decoration: underline;\n    outline: 0;\n  }\n}\n\ni,\nem {\n  font-style: italic;\n}\n\nb,\nstrong {\n  font-weight: bold;\n}\n\n.br {\n  display: block;\n}\n"]}