1.3.2

- _total-reset.scss updates for table and block elements

CHANGELOG.md

@@ -1,8 +1,16 @@
 # Changelog
 
+# [1.3.2]
+
+- _total-reset.scss updates for table and block elements
+
+# [1.3.1]
+
+- readme updates
+
 # [1.3.0]
 
-- added "total" reset total-reset.scss
+- added "total" reset _total-reset.scss
 - freshed up dev infrastructure
 - added Data URI snippets
 

README.md

@@ -111,7 +111,7 @@ where need to deep reset all properties of the Shadow DOM elements without reset
 HTML snippet for Web Component integration
 
 ```html
-<style>@import url("data:text/css;base64,Kiw6YWZ0ZXIsOmJlZm9yZXthbGw6dW5zZXQ7Ym94LXNpemluZzpib3JkZXItYm94fWEsYWJicixhY3JvbnltLGFkZHJlc3MsYXJ0aWNsZSxhc2lkZSxhdWRpbyxiLGJpZyxibG9ja3F1b3RlLGNhbnZhcyxjYXB0aW9uLGNlbnRlcixjaXRlLGNvZGUsZGQsZGVsLGRldGFpbHMsZGZuLGRpdixkbCxkdCxlbSxlbWJlZCxmaWVsZHNldCxmaWdjYXB0aW9uLGZpZ3VyZSxmb290ZXIsZm9ybSxoMSxoMixoMyxoNCxoNSxoNixoZWFkZXIsaGdyb3VwLGksaWZyYW1lLGltZyxpbnMsa2JkLGxhYmVsLGxlZ2VuZCxsaSxtYWluLG1hcmssbWVudSxuYXYsb2wsb3V0cHV0LHAscHJlLHEscnVieSxzLHNhbXAsc2VjdGlvbixzbWFsbCxzcGFuLHN0cmlrZSxzdHJvbmcsc3ViLHN1bW1hcnksc3VwLHRhYmxlLHRib2R5LHRkLHRmb290LHRoLHRoZWFkLHRpbWUsdHIsdHQsdSx1bCx2YXIsdmlkZW97ZGlzcGxheTpibG9jaztmb250LXNpemU6MTAwJX1hdWRpbyxjYW52YXMsaW1nLHBpY3R1cmUsc3ZnLHZpZGVve2Rpc3BsYXk6aW5saW5lLWJsb2NrO21heC13aWR0aDoxMDAlO3ZlcnRpY2FsLWFsaWduOm1pZGRsZX1baGlkZGVuXSxzdHlsZSx0ZW1wbGF0ZXtkaXNwbGF5Om5vbmV9");</style>
+<style>@import url("data:text/css;base64,OndoZXJlKDpub3QodGFibGUsdGhlYWQsdGJvZHksdHIsdGgsdGQpKXthbGw6dW5zZXQ7Ym94LXNpemluZzpib3JkZXItYm94fTp3aGVyZSg6bm90KHRhYmxlLHRoZWFkLHRib2R5LHRyLHRoLHRkKSk6YWZ0ZXIsOndoZXJlKDpub3QodGFibGUsdGhlYWQsdGJvZHksdHIsdGgsdGQpKTpiZWZvcmV7YWxsOnVuc2V0O2JveC1zaXppbmc6Ym9yZGVyLWJveH1hLGFiYnIsYWNyb255bSxhZGRyZXNzLGFydGljbGUsYXNpZGUsYXVkaW8sYixiaWcsYmxvY2txdW90ZSxidXR0b24sY2FudmFzLGNhcHRpb24sY2VudGVyLGNpdGUsY29kZSxkZCxkZWwsZGV0YWlscyxkZm4sZGl2LGRsLGR0LGVtLGVtYmVkLGZpZWxkc2V0LGZpZ2NhcHRpb24sZmlndXJlLGZvb3Rlcixmb3JtLGgxLGgyLGgzLGg0LGg1LGg2LGhlYWRlcixoZ3JvdXAsaSxpZnJhbWUsaW1nLGlucyxrYmQsbGFiZWwsbGVnZW5kLGxpLG1haW4sbWFyayxtZW51LG5hdixvbCxvdXRwdXQscCxwcmUscSxydWJ5LHMsc2FtcCxzZWN0aW9uLHNtYWxsLHNwYW4sc3RyaWtlLHN0cm9uZyxzdWIsc3VtbWFyeSxzdXAsdGFibGUsdGJvZHksdGQsdGZvb3QsdGgsdGhlYWQsdGltZSx0cix0dCx1LHVsLHZhcix2aWRlb3tmb250LXNpemU6MTAwJX1hcnRpY2xlLGFzaWRlLGJsb2NrcXVvdGUsZGV0YWlscyxkaXYsZmlnY2FwdGlvbixmaWd1cmUsZm9vdGVyLGZvcm0saDEsaDIsaDMsaDQsaDUsaDYsaGVhZGVyLGhncm91cCxtYWluLG1lbnUsbmF2LHAscHJlLHNlY3Rpb257ZGlzcGxheTpibG9ja31hdWRpbyxjYW52YXMsaW1nLHBpY3R1cmUsc3ZnLHZpZGVve2Rpc3BsYXk6aW5saW5lLWJsb2NrO21heC13aWR0aDoxMDAlO3ZlcnRpY2FsLWFsaWduOm1pZGRsZX1baGlkZGVuXSxzdHlsZSx0ZW1wbGF0ZXtkaXNwbGF5Om5vbmV9YVtocmVmXSxidXR0b24sbGFiZWxbZm9yXSxzZWxlY3R7Y3Vyc29yOnBvaW50ZXJ9");</style>
 ```
 
 ## CDN

_total-reset.scss

@@ -1,4 +1,4 @@
-* {
+*:where(:not(table, thead, tbody, tr, th, td)) {
   all: unset;
   box-sizing: border-box;
 
@@ -86,8 +86,34 @@ time,
 mark,
 audio,
 video,
-main {
+main,
+button {
   font-size: 100%;
+}
+
+div,
+main,
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+form,
+header,
+hgroup,
+menu,
+nav,
+section,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre {
   display: block;
 }
 
@@ -99,8 +125,18 @@ picture,
 svg {
   display: inline-block;
   max-width: 100%;
+  vertical-align: middle;
 }
 
 [hidden] {
   display: none;
 }
+
+template,
+style {
+  display: none;
+}
+
+a[href], label[for], select, button {
+  cursor: pointer;
+}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "scss-reset",
-  "version": "1.3.1",
+  "version": "1.3.2",
   "description": "SCSS Reset",
   "main": "gulpfile.js",
   "repository": {

src/scss/_total-reset.scss

@@ -1,4 +1,4 @@
-* {
+*:where(:not(table, thead, tbody, tr, th, td)) {
   all: unset;
   box-sizing: border-box;
 
@@ -86,8 +86,34 @@ time,
 mark,
 audio,
 video,
-main {
+main,
+button {
   font-size: 100%;
+}
+
+div,
+main,
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+form,
+header,
+hgroup,
+menu,
+nav,
+section,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre {
   display: block;
 }
 
@@ -111,3 +137,6 @@ style {
   display: none;
 }
 
+a[href], label[for], select, button {
+  cursor: pointer;
+}

test/total-reset.html

@@ -3,7 +3,7 @@
 
 <head>
   <title>Reset Styles Test page</title>
-  <style>@import url("data:text/css;base64,Kiw6YWZ0ZXIsOmJlZm9yZXthbGw6dW5zZXQ7Ym94LXNpemluZzpib3JkZXItYm94fWEsYWJicixhY3JvbnltLGFkZHJlc3MsYXJ0aWNsZSxhc2lkZSxhdWRpbyxiLGJpZyxibG9ja3F1b3RlLGNhbnZhcyxjYXB0aW9uLGNlbnRlcixjaXRlLGNvZGUsZGQsZGVsLGRldGFpbHMsZGZuLGRpdixkbCxkdCxlbSxlbWJlZCxmaWVsZHNldCxmaWdjYXB0aW9uLGZpZ3VyZSxmb290ZXIsZm9ybSxoMSxoMixoMyxoNCxoNSxoNixoZWFkZXIsaGdyb3VwLGksaWZyYW1lLGltZyxpbnMsa2JkLGxhYmVsLGxlZ2VuZCxsaSxtYWluLG1hcmssbWVudSxuYXYsb2wsb3V0cHV0LHAscHJlLHEscnVieSxzLHNhbXAsc2VjdGlvbixzbWFsbCxzcGFuLHN0cmlrZSxzdHJvbmcsc3ViLHN1bW1hcnksc3VwLHRhYmxlLHRib2R5LHRkLHRmb290LHRoLHRoZWFkLHRpbWUsdHIsdHQsdSx1bCx2YXIsdmlkZW97ZGlzcGxheTpibG9jaztmb250LXNpemU6MTAwJX1hdWRpbyxjYW52YXMsaW1nLHBpY3R1cmUsc3ZnLHZpZGVve2Rpc3BsYXk6aW5saW5lLWJsb2NrO21heC13aWR0aDoxMDAlO3ZlcnRpY2FsLWFsaWduOm1pZGRsZX1baGlkZGVuXSxzdHlsZSx0ZW1wbGF0ZXtkaXNwbGF5Om5vbmV9");</style>
+  <style>@import url("data:text/css;base64,OndoZXJlKDpub3QodGFibGUsdGhlYWQsdGJvZHksdHIsdGgsdGQpKXthbGw6dW5zZXQ7Ym94LXNpemluZzpib3JkZXItYm94fTp3aGVyZSg6bm90KHRhYmxlLHRoZWFkLHRib2R5LHRyLHRoLHRkKSk6YWZ0ZXIsOndoZXJlKDpub3QodGFibGUsdGhlYWQsdGJvZHksdHIsdGgsdGQpKTpiZWZvcmV7YWxsOnVuc2V0O2JveC1zaXppbmc6Ym9yZGVyLWJveH1hLGFiYnIsYWNyb255bSxhZGRyZXNzLGFydGljbGUsYXNpZGUsYXVkaW8sYixiaWcsYmxvY2txdW90ZSxidXR0b24sY2FudmFzLGNhcHRpb24sY2VudGVyLGNpdGUsY29kZSxkZCxkZWwsZGV0YWlscyxkZm4sZGl2LGRsLGR0LGVtLGVtYmVkLGZpZWxkc2V0LGZpZ2NhcHRpb24sZmlndXJlLGZvb3Rlcixmb3JtLGgxLGgyLGgzLGg0LGg1LGg2LGhlYWRlcixoZ3JvdXAsaSxpZnJhbWUsaW1nLGlucyxrYmQsbGFiZWwsbGVnZW5kLGxpLG1haW4sbWFyayxtZW51LG5hdixvbCxvdXRwdXQscCxwcmUscSxydWJ5LHMsc2FtcCxzZWN0aW9uLHNtYWxsLHNwYW4sc3RyaWtlLHN0cm9uZyxzdWIsc3VtbWFyeSxzdXAsdGFibGUsdGJvZHksdGQsdGZvb3QsdGgsdGhlYWQsdGltZSx0cix0dCx1LHVsLHZhcix2aWRlb3tmb250LXNpemU6MTAwJX1hcnRpY2xlLGFzaWRlLGJsb2NrcXVvdGUsZGV0YWlscyxkaXYsZmlnY2FwdGlvbixmaWd1cmUsZm9vdGVyLGZvcm0saDEsaDIsaDMsaDQsaDUsaDYsaGVhZGVyLGhncm91cCxtYWluLG1lbnUsbmF2LHAscHJlLHNlY3Rpb257ZGlzcGxheTpibG9ja31hdWRpbyxjYW52YXMsaW1nLHBpY3R1cmUsc3ZnLHZpZGVve2Rpc3BsYXk6aW5saW5lLWJsb2NrO21heC13aWR0aDoxMDAlO3ZlcnRpY2FsLWFsaWduOm1pZGRsZX1baGlkZGVuXSxzdHlsZSx0ZW1wbGF0ZXtkaXNwbGF5Om5vbmV9YVtocmVmXSxidXR0b24sbGFiZWxbZm9yXSxzZWxlY3R7Y3Vyc29yOnBvaW50ZXJ9");</style>
   <meta name="viewport" content="width=device-width,initial-scale=1">
 </head>