scss-reset
Version:
1 lines • 5.19 kB
Source Map (JSON)
{"version":3,"sources":["light-reset.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA;AACA;EACE;AAEA;;AACA;EACE;;;AAIJ;AACA;EACE;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;;;AAGF;AACA;AAAA;AAAA;EAGE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAMC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAkHE;EACA;EACA;EACA;;;AAGH;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAcE;;;AAGF;AAAA;EAEE;EACA;EACA;;;AAGF;AACA;AAAA;EAEE;;;AAGF;AACA;AAAA;AAAA;AAAA;EAIE;;;AAGF;AACA;AAAA;AAAA;AAAA;EAIE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAIA;EACE;;;AAIJ;EACE;;;AAGF;AACA;AAAA;AAAA;AAAA;AAAA;EAKE;EACA;EACA;EACA","file":"light-reset.css","sourcesContent":["/**\n * Light Reset\n * ==================================================\n * A light version of the reset stylesheet that provides a clean slate for styling\n * and integration with CSS frameworks.\n */\n\n\n/* Set font size adjustment for the entire document */\nhtml {\n -webkit-text-size-adjust: 100%; /* For WebKit browsers */\n\n /* Smooth scroll behavior when an element within the container is focused */\n &:focus-within {\n scroll-behavior: smooth;\n }\n}\n\n/* Basic styling for the body */\nbody {\n text-size-adjust: 100%; /* Adjusts text size */\n position: relative; /* Positions relative to parent elements */\n width: 100%; /* Full width of the screen */\n min-height: 100vh; /* Minimum height is the full visible height of the screen */\n\n /* Font smoothing for better text rendering on macOS */\n -moz-osx-font-smoothing: grayscale; /* For Firefox */\n -webkit-font-smoothing: antialiased; /* For WebKit browsers */\n text-rendering: optimizeSpeed; /* Optimizes text rendering for better performance */\n}\n\n/* Universal selector for all elements and pseudo-elements */\n*,\n::after,\n::before {\n box-sizing: border-box; /* Includes padding and border within element's width/height */\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\n a,\n abbr,\n acronym,\n address,\n applet,\n article,\n aside,\n audio,\n b,\n big,\n blockquote,\n body,\n br,\n button,\n canvas,\n caption,\n center,\n cite,\n code,\n col,\n colgroup,\n data,\n datalist,\n dd,\n del,\n details,\n dfn,\n div,\n dl,\n dt,\n em,\n embed,\n fieldset,\n figcaption,\n figure,\n footer,\n form,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n head,\n header,\n hgroup,\n hr,\n html,\n i,\n iframe,\n img,\n input,\n ins,\n kbd,\n label,\n legend,\n li,\n link,\n main,\n map,\n mark,\n menu,\n meta,\n meter,\n nav,\n noscript,\n object,\n ol,\n optgroup,\n option,\n output,\n p,\n param,\n picture,\n pre,\n progress,\n q,\n rb,\n rp,\n rt,\n rtc,\n ruby,\n s,\n samp,\n script,\n section,\n select,\n small,\n source,\n span,\n strong,\n style,\n svg,\n sub,\n summary,\n sup,\n table,\n tbody,\n td,\n template,\n textarea,\n tfoot,\n th,\n thead,\n time,\n title,\n tr,\n track,\n tt,\n u,\n ul,\n var,\n video,\n wbr {\n margin: 0;\n padding: 0;\n border: 0;\n vertical-align: baseline;\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/* 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/* Styling for multimedia elements */\naudio,\nimg,\npicture,\nsvg,\nvideo {\n max-width: 100%; /* Limits the maximum width of elements to 100% */\n display: inline-block; /* Display elements as inline-blocks */\n vertical-align: middle; /* Aligns vertically */\n height: auto; /* Auto height to maintain aspect ratio */\n}\n"]}