diff --git a/.gulp/styles.js b/.gulp/styles.js index 892a4a6..870e926 100644 --- a/.gulp/styles.js +++ b/.gulp/styles.js @@ -107,7 +107,7 @@ const copyResetCSS = () => src('./src/scss/*.scss').pipe(dest('./')); const moveResetToScssReset = () => src('./src/scss/_reset.scss') - .pipe(rename('scss-reset.scss')) + .pipe(rename('index.scss')) .pipe(dest('./')); const minifyResetCSS = () => src('./build/reset.css') diff --git a/CHANGELOG.md b/CHANGELOG.md index 7e68889..452baf1 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,10 +1,15 @@ # Changelog +# [1.4.5] - 2024-12-27 + +- recovered index.scss +- updated `light-reset.scss` + # [1.4.4] - added reduced-motion rule - added support for `[disabled="true"]` and `[aria-disabled="true"]` attributes -- expanded the structure of the SCSS library. Now the library can be imported using ```scss @use 'scss-reset'``` instead of ```scss @use 'scss-reset/reset'``` +- expanded the structure of the SCSS library. Now the library can be imported using `scss @use 'scss-reset'` instead of `scss @use 'scss-reset/reset'` - added a lightweight reset `light-reset` optimized for modern browsers with seamless and "gentle" integration into popular CSS frameworks. - added additional styles for iframe, object, embed and svg - added default black video background diff --git a/build/light-reset.css b/build/light-reset.css index 0085524..85f8f08 100644 --- a/build/light-reset.css +++ b/build/light-reset.css @@ -1 +1 @@ -html{-webkit-text-size-adjust:100%}html:focus-within{scroll-behavior:smooth}body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;min-height:100vh;position:relative;text-rendering:optimizeSpeed;width:100%}*,:after,:before{box-sizing:border-box}audio,img,picture,svg,video{display:inline-block;height:auto;max-width:100%;vertical-align:middle} \ No newline at end of file +html{-webkit-text-size-adjust:100%}html:focus-within{scroll-behavior:smooth}body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;min-height:100vh;position:relative;text-rendering:optimizeSpeed;width:100%}*,:after,:before{box-sizing:border-box}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,br,button,canvas,caption,center,cite,code,col,colgroup,data,datalist,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,head,header,hgroup,hr,html,i,iframe,img,input,ins,kbd,label,legend,li,link,main,map,mark,menu,meta,meter,nav,noscript,object,ol,optgroup,option,output,p,param,picture,pre,progress,q,rb,rp,rt,rtc,ruby,s,samp,script,section,select,small,source,span,strong,style,sub,summary,sup,svg,table,tbody,td,template,textarea,tfoot,th,thead,time,title,tr,track,tt,u,ul,var,video,wbr{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,embed,figcaption,figure,footer,header,hgroup,main,menu,nav,object,section{display:block}canvas,iframe{display:block;height:auto;max-width:100%}input,input:required{box-shadow:none}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 30px #fff}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;box-sizing:content-box}textarea{overflow:auto;resize:vertical;vertical-align:top}input:focus{outline:none}video{background:#000}audio,img,picture,svg,video{display:inline-block;height:auto;max-width:100%;vertical-align:middle} \ No newline at end of file diff --git a/dist/light-reset.css b/dist/light-reset.css index 0aecc9b..6e560a6 100644 --- a/dist/light-reset.css +++ b/dist/light-reset.css @@ -32,6 +32,203 @@ body { box-sizing: border-box; /* Includes padding and border within element's width/height */ } +/** + * CSS Reset Tweaks + * Based on Eric Meyer's CSS Reset v2.0-modified (public domain) + * URL: http://meyerweb.com/eric/tools/css/reset/ + */ +a, +abbr, +acronym, +address, +applet, +article, +aside, +audio, +b, +big, +blockquote, +body, +br, +button, +canvas, +caption, +center, +cite, +code, +col, +colgroup, +data, +datalist, +dd, +del, +details, +dfn, +div, +dl, +dt, +em, +embed, +fieldset, +figcaption, +figure, +footer, +form, +h1, +h2, +h3, +h4, +h5, +h6, +head, +header, +hgroup, +hr, +html, +i, +iframe, +img, +input, +ins, +kbd, +label, +legend, +li, +link, +main, +map, +mark, +menu, +meta, +meter, +nav, +noscript, +object, +ol, +optgroup, +option, +output, +p, +param, +picture, +pre, +progress, +q, +rb, +rp, +rt, +rtc, +ruby, +s, +samp, +script, +section, +select, +small, +source, +span, +strong, +style, +svg, +sub, +summary, +sup, +table, +tbody, +td, +template, +textarea, +tfoot, +th, +thead, +time, +title, +tr, +track, +tt, +u, +ul, +var, +video, +wbr { + font-size: 100%; + font: inherit; + margin: 0; + padding: 0; + border: 0; + vertical-align: baseline; +} + +/* Normalize HTML5 elements for older browsers */ +article, +aside, +details, +embed, +figcaption, +figure, +footer, +header, +hgroup, +main, +menu, +nav, +object, +section { + display: block; +} + +canvas, +iframe { + max-width: 100%; + height: auto; + display: block; +} + +/* Reset and normalize form inputs */ +input:required, +input { + box-shadow: none; +} + +/* Autofill styling for better compatibility */ +input:-webkit-autofill, +input:-webkit-autofill:hover, +input:-webkit-autofill:focus, +input:-webkit-autofill:active { + -webkit-box-shadow: 0 0 0 30px white inset; +} + +/* Improve appearance of search inputs */ +input[type=search]::-webkit-search-cancel-button, +input[type=search]::-webkit-search-decoration, +input[type=search]::-webkit-search-results-button, +input[type=search]::-webkit-search-results-decoration { + -webkit-appearance: none; + -moz-appearance: none; +} + +input[type=search] { + -webkit-appearance: none; + -moz-appearance: none; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; +} + +textarea { + overflow: auto; + vertical-align: top; + resize: vertical; +} + +input:focus { + outline: none; +} + +video { + background: #000; +} + /* Styling for multimedia elements */ audio, img, diff --git a/dist/light-reset.css.map b/dist/light-reset.css.map index 01d07d2..5e2a3b7 100644 --- a/dist/light-reset.css.map +++ b/dist/light-reset.css.map @@ -1 +1 @@ -{"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;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/* 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"]} \ No newline at end of file +{"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;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 font-size: 100%;\n font: inherit;\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"]} \ No newline at end of file diff --git a/index.scss b/index.scss new file mode 100644 index 0000000..e132c8f --- /dev/null +++ b/index.scss @@ -0,0 +1,625 @@ +/** + * Modern CSS Reset Tweaks + * ================================================== + * A collection of modern CSS reset and normalization styles + * to ensure consistent behavior across browsers, OS and devices. + */ + +/* Ensure consistent font resizing on mobile devices */ +html { + -webkit-text-size-adjust: 100%; + + &:focus-within { + scroll-behavior: smooth; + } +} + +/* Basic body setup for layout and text rendering optimization */ +body { + text-size-adjust: 100%; + position: relative; + + width: 100%; + min-height: 100vh; + + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeSpeed; +} + + +/* Apply box-sizing globally for consistent element sizing */ +*, +::after, +::before { + box-sizing: border-box; +} + + +/* Style unclassed links for better accessibility */ +a:not([class]) { + text-decoration-skip-ink: auto; +} + + +/** + * CSS Reset Tweaks + * Based on Eric Meyer's CSS Reset v2.0-modified (public domain) + * URL: http://meyerweb.com/eric/tools/css/reset/ + */ + +a, +abbr, +acronym, +address, +applet, +article, +aside, +audio, +b, +big, +blockquote, +body, +br, +button, +canvas, +caption, +center, +cite, +code, +col, +colgroup, +data, +datalist, +dd, +del, +details, +dfn, +div, +dl, +dt, +em, +embed, +fieldset, +figcaption, +figure, +footer, +form, +h1, +h2, +h3, +h4, +h5, +h6, +head, +header, +hgroup, +hr, +html, +i, +iframe, +img, +input, +ins, +kbd, +label, +legend, +li, +link, +main, +map, +mark, +menu, +meta, +meter, +nav, +noscript, +object, +ol, +optgroup, +option, +output, +p, +param, +picture, +pre, +progress, +q, +rb, +rp, +rt, +rtc, +ruby, +s, +samp, +script, +section, +select, +small, +source, +span, +strong, +style, +svg, +sub, +summary, +sup, +table, +tbody, +td, +template, +textarea, +tfoot, +th, +thead, +time, +title, +tr, +track, +tt, +u, +ul, +var, +video, +wbr { + font-size: 100%; + font: inherit; + margin: 0; + padding: 0; + border: 0; + vertical-align: baseline; +} + +/* Add focus styles to improve accessibility */ +:focus { + outline: 0; +} + +/* Normalize HTML5 elements for older browsers */ +article, +aside, +details, +embed, +figcaption, +figure, +footer, +header, +hgroup, +main, +menu, +nav, +object, +section { + display: block; +} + +canvas, +iframe { + max-width: 100%; + height: auto; + display: block +} + +/* Remove default list styling */ +ol, +ul { + list-style: none; +} + +/* Normalize quote styling */ +blockquote, +q { + quotes: none; + + &:before, + &:after { + content: ''; + content: none; + } +} + +/* Reset and normalize form inputs */ +input:required, +input { + box-shadow: none; +} + +/* Autofill styling for better compatibility */ +input:-webkit-autofill, +input:-webkit-autofill:hover, +input:-webkit-autofill:focus, +input:-webkit-autofill:active { + -webkit-box-shadow: 0 0 0 30px white inset; +} + +/* Improve appearance of search inputs */ +input[type=search]::-webkit-search-cancel-button, +input[type=search]::-webkit-search-decoration, +input[type=search]::-webkit-search-results-button, +input[type=search]::-webkit-search-results-decoration { + -webkit-appearance: none; + -moz-appearance: none; +} + +input[type=search] { + -webkit-appearance: none; + -moz-appearance: none; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; +} + +textarea { + overflow: auto; + vertical-align: top; + resize: vertical; +} + +input { + &:focus { + outline: none; + } +} + +video { + background: #000; +} + + + +/** + * Prevent modern browsers from displaying `audio` without controls. + * Remove excess height in iOS 5 devices. + */ +audio:not([controls]) { + display: none; + height: 0; +} + +/** + * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. + */ +[hidden] { + display: none; +} + +/** + * Improve readability when focused and also mouse hovered in all browsers. + */ +a:active, +a:hover { + outline: none; +} + +/** + * Make media easier to work with + */ +audio, +img, +picture, +svg, +video { + max-width: 100%; + display: inline-block; + vertical-align: middle; + height: auto; +} + +/** + * Address Firefox 3+ setting `line-height` on `input` using `!important` in + * the UA stylesheet. + */ +button, +input { + line-height: normal; +} + +/** + * Address inconsistent `text-transform` inheritance for `button` and `select`. + * All other form control elements do not inherit `text-transform` values. + * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+. + * Correct `select` style inheritance in Firefox 4+ and Opera. + */ + +button, +select { + text-transform: none; +} + +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; + border: 0; + background: transparent; +} + +/** + * Re-set default cursor for disabled elements. + */ +button[disabled], +html input[disabled] { + cursor: default; +} + +/* Additional attribute handling for accessibility */ +[disabled], +[disabled="true"], +[aria-disabled="true"] { + pointer-events: none; +} + +/** + * Address box sizing set to content-box in IE 8/9. + */ +input[type="checkbox"], +input[type="radio"] { + padding: 0; +} + +/** + * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. + * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome + * (include `-moz` to future-proof). + */ +input[type="search"] { + -webkit-appearance: textfield; + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + box-sizing: content-box; +} + +/** + * Remove inner padding and search cancel button in Safari 5 and Chrome + * on OS X. + */ +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * Remove inner padding and border in Firefox 3+. + */ +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +button { + border: 0; + background: transparent; +} + +textarea { + overflow: auto; + vertical-align: top; + resize: vertical; +} + +/** + * Remove most spacing between table cells. + */ +table { + border-collapse: collapse; + border-spacing: 0; + text-indent: 0; +} + + +/** + * Based on normalize.css v8.0.1 + * github.com/necolas/normalize.css + */ +hr { + box-sizing: content-box; + overflow: visible; + background: #000; + border: 0; + height: 1px; + line-height: 0; + margin: 0; + padding: 0; + page-break-after: always; + width: 100%; +} + +/** + * Correct the inheritance and scaling of font size in all browsers. + */ +pre { + font-family: monospace, monospace; + font-size: 100%; +} + +/** + * Remove the gray background on active links in IE 10. + */ +a { + background-color: transparent; +} + +/** + * 1. Remove the bottom border in Chrome 57- + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. + */ +abbr[title] { + border-bottom: none; + text-decoration: none; +} + +code, +kbd, +pre, +samp { + font-family: monospace, monospace; +} + +/** + * Add the correct font size in all browsers. + */ +small { + font-size: 75%; +} + +/** + * Prevent `sub` and `sup` elements from affecting the line height in + * all browsers. + */ +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -5px; +} + +sup { + top: -5px; +} + +/** + * 1. Change the font styles in all browsers. + * 2. Remove the margin in Firefox and Safari. + */ +button, +input, +optgroup, +select, +textarea { + font-family: inherit; + font-size: 100%; + line-height: 1; + margin: 0; + padding: 0; +} + +/** + * Show the overflow in IE and Edge. + */ +button, +input { + /* 1 */ + overflow: visible; +} + +/** + * Remove the inheritance of text transform in Edge, Firefox, and IE. + */ +button, +select { + /* 1 */ + text-transform: none; +} + +/** + * Correct the inability to style clickable types in iOS and Safari. + */ +button, +[type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; +} + +/** + * Remove the inner border and padding in Firefox. + */ +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; + outline: 0; +} + + +legend { + color: inherit; + white-space: normal; + + display: block; + border: 0; + max-width: 100%; + width: 100%; +} + +fieldset { + min-width: 0; +} + +body:not(:-moz-handler-blocked) fieldset { + display: block; +} + + +/** + * Add the correct vertical alignment in Chrome, Firefox, and Opera. + */ +progress { + vertical-align: baseline; +} + + +/** + * Correct the cursor style of increment and decrement buttons in Chrome. + */ +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} + + +/** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + */ +[type="search"] { + -webkit-appearance: textfield; + /* 1 */ + outline-offset: -2px; + /* 2 */ +} + +/** + * Remove the inner padding in Chrome and Safari on macOS. + */ +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + */ +::-webkit-file-upload-button { + -webkit-appearance: button; + /* 1 */ + font: inherit; + /* 2 */ +} + +/* Interactive + ========================================================================== */ + +/* + * Add the correct display in all browsers. + */ +summary { + display: list-item; +} + +/* Misc + ========================================================================== */ + +template { + display: none; +} diff --git a/light-reset.scss b/light-reset.scss index cbc4a99..5035855 100644 --- a/light-reset.scss +++ b/light-reset.scss @@ -36,6 +36,206 @@ body { box-sizing: border-box; /* Includes padding and border within element's width/height */ } +/** + * CSS Reset Tweaks + * Based on Eric Meyer's CSS Reset v2.0-modified (public domain) + * URL: http://meyerweb.com/eric/tools/css/reset/ + */ + + a, + abbr, + acronym, + address, + applet, + article, + aside, + audio, + b, + big, + blockquote, + body, + br, + button, + canvas, + caption, + center, + cite, + code, + col, + colgroup, + data, + datalist, + dd, + del, + details, + dfn, + div, + dl, + dt, + em, + embed, + fieldset, + figcaption, + figure, + footer, + form, + h1, + h2, + h3, + h4, + h5, + h6, + head, + header, + hgroup, + hr, + html, + i, + iframe, + img, + input, + ins, + kbd, + label, + legend, + li, + link, + main, + map, + mark, + menu, + meta, + meter, + nav, + noscript, + object, + ol, + optgroup, + option, + output, + p, + param, + picture, + pre, + progress, + q, + rb, + rp, + rt, + rtc, + ruby, + s, + samp, + script, + section, + select, + small, + source, + span, + strong, + style, + svg, + sub, + summary, + sup, + table, + tbody, + td, + template, + textarea, + tfoot, + th, + thead, + time, + title, + tr, + track, + tt, + u, + ul, + var, + video, + wbr { + font-size: 100%; + font: inherit; + margin: 0; + padding: 0; + border: 0; + vertical-align: baseline; + } + +/* Normalize HTML5 elements for older browsers */ +article, +aside, +details, +embed, +figcaption, +figure, +footer, +header, +hgroup, +main, +menu, +nav, +object, +section { + display: block; +} + +canvas, +iframe { + max-width: 100%; + height: auto; + display: block +} + +/* Reset and normalize form inputs */ +input:required, +input { + box-shadow: none; +} + +/* Autofill styling for better compatibility */ +input:-webkit-autofill, +input:-webkit-autofill:hover, +input:-webkit-autofill:focus, +input:-webkit-autofill:active { + -webkit-box-shadow: 0 0 0 30px white inset; +} + +/* Improve appearance of search inputs */ +input[type=search]::-webkit-search-cancel-button, +input[type=search]::-webkit-search-decoration, +input[type=search]::-webkit-search-results-button, +input[type=search]::-webkit-search-results-decoration { + -webkit-appearance: none; + -moz-appearance: none; +} + +input[type=search] { + -webkit-appearance: none; + -moz-appearance: none; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; +} + +textarea { + overflow: auto; + vertical-align: top; + resize: vertical; +} + +input { + &:focus { + outline: none; + } +} + +video { + background: #000; +} + /* Styling for multimedia elements */ audio, img, diff --git a/package.json b/package.json index 5d7ac03..1058a5f 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "scss-reset", - "version": "1.4.4", + "version": "1.4.5", "description": "SCSS Reset", "main": "gulpfile.js", "repository": { diff --git a/src/scss/light-reset.scss b/src/scss/light-reset.scss index cbc4a99..5035855 100644 --- a/src/scss/light-reset.scss +++ b/src/scss/light-reset.scss @@ -36,6 +36,206 @@ body { box-sizing: border-box; /* Includes padding and border within element's width/height */ } +/** + * CSS Reset Tweaks + * Based on Eric Meyer's CSS Reset v2.0-modified (public domain) + * URL: http://meyerweb.com/eric/tools/css/reset/ + */ + + a, + abbr, + acronym, + address, + applet, + article, + aside, + audio, + b, + big, + blockquote, + body, + br, + button, + canvas, + caption, + center, + cite, + code, + col, + colgroup, + data, + datalist, + dd, + del, + details, + dfn, + div, + dl, + dt, + em, + embed, + fieldset, + figcaption, + figure, + footer, + form, + h1, + h2, + h3, + h4, + h5, + h6, + head, + header, + hgroup, + hr, + html, + i, + iframe, + img, + input, + ins, + kbd, + label, + legend, + li, + link, + main, + map, + mark, + menu, + meta, + meter, + nav, + noscript, + object, + ol, + optgroup, + option, + output, + p, + param, + picture, + pre, + progress, + q, + rb, + rp, + rt, + rtc, + ruby, + s, + samp, + script, + section, + select, + small, + source, + span, + strong, + style, + svg, + sub, + summary, + sup, + table, + tbody, + td, + template, + textarea, + tfoot, + th, + thead, + time, + title, + tr, + track, + tt, + u, + ul, + var, + video, + wbr { + font-size: 100%; + font: inherit; + margin: 0; + padding: 0; + border: 0; + vertical-align: baseline; + } + +/* Normalize HTML5 elements for older browsers */ +article, +aside, +details, +embed, +figcaption, +figure, +footer, +header, +hgroup, +main, +menu, +nav, +object, +section { + display: block; +} + +canvas, +iframe { + max-width: 100%; + height: auto; + display: block +} + +/* Reset and normalize form inputs */ +input:required, +input { + box-shadow: none; +} + +/* Autofill styling for better compatibility */ +input:-webkit-autofill, +input:-webkit-autofill:hover, +input:-webkit-autofill:focus, +input:-webkit-autofill:active { + -webkit-box-shadow: 0 0 0 30px white inset; +} + +/* Improve appearance of search inputs */ +input[type=search]::-webkit-search-cancel-button, +input[type=search]::-webkit-search-decoration, +input[type=search]::-webkit-search-results-button, +input[type=search]::-webkit-search-results-decoration { + -webkit-appearance: none; + -moz-appearance: none; +} + +input[type=search] { + -webkit-appearance: none; + -moz-appearance: none; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; +} + +textarea { + overflow: auto; + vertical-align: top; + resize: vertical; +} + +input { + &:focus { + outline: none; + } +} + +video { + background: #000; +} + /* Styling for multimedia elements */ audio, img, diff --git a/src/styles/light-reset.css b/src/styles/light-reset.css index 0aecc9b..6e560a6 100644 --- a/src/styles/light-reset.css +++ b/src/styles/light-reset.css @@ -32,6 +32,203 @@ body { box-sizing: border-box; /* Includes padding and border within element's width/height */ } +/** + * CSS Reset Tweaks + * Based on Eric Meyer's CSS Reset v2.0-modified (public domain) + * URL: http://meyerweb.com/eric/tools/css/reset/ + */ +a, +abbr, +acronym, +address, +applet, +article, +aside, +audio, +b, +big, +blockquote, +body, +br, +button, +canvas, +caption, +center, +cite, +code, +col, +colgroup, +data, +datalist, +dd, +del, +details, +dfn, +div, +dl, +dt, +em, +embed, +fieldset, +figcaption, +figure, +footer, +form, +h1, +h2, +h3, +h4, +h5, +h6, +head, +header, +hgroup, +hr, +html, +i, +iframe, +img, +input, +ins, +kbd, +label, +legend, +li, +link, +main, +map, +mark, +menu, +meta, +meter, +nav, +noscript, +object, +ol, +optgroup, +option, +output, +p, +param, +picture, +pre, +progress, +q, +rb, +rp, +rt, +rtc, +ruby, +s, +samp, +script, +section, +select, +small, +source, +span, +strong, +style, +svg, +sub, +summary, +sup, +table, +tbody, +td, +template, +textarea, +tfoot, +th, +thead, +time, +title, +tr, +track, +tt, +u, +ul, +var, +video, +wbr { + font-size: 100%; + font: inherit; + margin: 0; + padding: 0; + border: 0; + vertical-align: baseline; +} + +/* Normalize HTML5 elements for older browsers */ +article, +aside, +details, +embed, +figcaption, +figure, +footer, +header, +hgroup, +main, +menu, +nav, +object, +section { + display: block; +} + +canvas, +iframe { + max-width: 100%; + height: auto; + display: block; +} + +/* Reset and normalize form inputs */ +input:required, +input { + box-shadow: none; +} + +/* Autofill styling for better compatibility */ +input:-webkit-autofill, +input:-webkit-autofill:hover, +input:-webkit-autofill:focus, +input:-webkit-autofill:active { + -webkit-box-shadow: 0 0 0 30px white inset; +} + +/* Improve appearance of search inputs */ +input[type=search]::-webkit-search-cancel-button, +input[type=search]::-webkit-search-decoration, +input[type=search]::-webkit-search-results-button, +input[type=search]::-webkit-search-results-decoration { + -webkit-appearance: none; + -moz-appearance: none; +} + +input[type=search] { + -webkit-appearance: none; + -moz-appearance: none; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; +} + +textarea { + overflow: auto; + vertical-align: top; + resize: vertical; +} + +input:focus { + outline: none; +} + +video { + background: #000; +} + /* Styling for multimedia elements */ audio, img, diff --git a/src/styles/light-reset.css.map b/src/styles/light-reset.css.map index 01d07d2..5e2a3b7 100644 --- a/src/styles/light-reset.css.map +++ b/src/styles/light-reset.css.map @@ -1 +1 @@ -{"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;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/* 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"]} \ No newline at end of file +{"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;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 font-size: 100%;\n font: inherit;\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"]} \ No newline at end of file diff --git a/test/css/light-reset.css b/test/css/light-reset.css index 0aecc9b..6e560a6 100644 --- a/test/css/light-reset.css +++ b/test/css/light-reset.css @@ -32,6 +32,203 @@ body { box-sizing: border-box; /* Includes padding and border within element's width/height */ } +/** + * CSS Reset Tweaks + * Based on Eric Meyer's CSS Reset v2.0-modified (public domain) + * URL: http://meyerweb.com/eric/tools/css/reset/ + */ +a, +abbr, +acronym, +address, +applet, +article, +aside, +audio, +b, +big, +blockquote, +body, +br, +button, +canvas, +caption, +center, +cite, +code, +col, +colgroup, +data, +datalist, +dd, +del, +details, +dfn, +div, +dl, +dt, +em, +embed, +fieldset, +figcaption, +figure, +footer, +form, +h1, +h2, +h3, +h4, +h5, +h6, +head, +header, +hgroup, +hr, +html, +i, +iframe, +img, +input, +ins, +kbd, +label, +legend, +li, +link, +main, +map, +mark, +menu, +meta, +meter, +nav, +noscript, +object, +ol, +optgroup, +option, +output, +p, +param, +picture, +pre, +progress, +q, +rb, +rp, +rt, +rtc, +ruby, +s, +samp, +script, +section, +select, +small, +source, +span, +strong, +style, +svg, +sub, +summary, +sup, +table, +tbody, +td, +template, +textarea, +tfoot, +th, +thead, +time, +title, +tr, +track, +tt, +u, +ul, +var, +video, +wbr { + font-size: 100%; + font: inherit; + margin: 0; + padding: 0; + border: 0; + vertical-align: baseline; +} + +/* Normalize HTML5 elements for older browsers */ +article, +aside, +details, +embed, +figcaption, +figure, +footer, +header, +hgroup, +main, +menu, +nav, +object, +section { + display: block; +} + +canvas, +iframe { + max-width: 100%; + height: auto; + display: block; +} + +/* Reset and normalize form inputs */ +input:required, +input { + box-shadow: none; +} + +/* Autofill styling for better compatibility */ +input:-webkit-autofill, +input:-webkit-autofill:hover, +input:-webkit-autofill:focus, +input:-webkit-autofill:active { + -webkit-box-shadow: 0 0 0 30px white inset; +} + +/* Improve appearance of search inputs */ +input[type=search]::-webkit-search-cancel-button, +input[type=search]::-webkit-search-decoration, +input[type=search]::-webkit-search-results-button, +input[type=search]::-webkit-search-results-decoration { + -webkit-appearance: none; + -moz-appearance: none; +} + +input[type=search] { + -webkit-appearance: none; + -moz-appearance: none; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; +} + +textarea { + overflow: auto; + vertical-align: top; + resize: vertical; +} + +input:focus { + outline: none; +} + +video { + background: #000; +} + /* Styling for multimedia elements */ audio, img, diff --git a/test/css/light-reset.css.map b/test/css/light-reset.css.map index 01d07d2..5e2a3b7 100644 --- a/test/css/light-reset.css.map +++ b/test/css/light-reset.css.map @@ -1 +1 @@ -{"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;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/* 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"]} \ No newline at end of file +{"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;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 font-size: 100%;\n font: inherit;\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"]} \ No newline at end of file