From bb783c7deff2e13768c899a8da0074d88e273d44 Mon Sep 17 00:00:00 2001 From: Andrey Matin Date: Thu, 27 Apr 2023 13:51:36 +0300 Subject: [PATCH] 1.3.2 - _total-reset.scss updates for table and block elements --- CHANGELOG.md | 10 +++++++++- README.md | 2 +- _total-reset.scss | 40 ++++++++++++++++++++++++++++++++++++-- package.json | 2 +- src/scss/_total-reset.scss | 33 +++++++++++++++++++++++++++++-- test/total-reset.html | 2 +- 6 files changed, 81 insertions(+), 8 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 60b34ff..ac8b667 100644 --- a/CHANGELOG.md +++ b/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 diff --git a/README.md b/README.md index 7dc80f6..da039a3 100644 --- a/README.md +++ b/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 - + ``` ## CDN diff --git a/_total-reset.scss b/_total-reset.scss index 2d41385..9bbd249 100644 --- a/_total-reset.scss +++ b/_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; +} diff --git a/package.json b/package.json index 6a0f573..c72df0a 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "scss-reset", - "version": "1.3.1", + "version": "1.3.2", "description": "SCSS Reset", "main": "gulpfile.js", "repository": { diff --git a/src/scss/_total-reset.scss b/src/scss/_total-reset.scss index 7e8e207..9bbd249 100644 --- a/src/scss/_total-reset.scss +++ b/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; +} diff --git a/test/total-reset.html b/test/total-reset.html index b5190f8..6659cb1 100644 --- a/test/total-reset.html +++ b/test/total-reset.html @@ -3,7 +3,7 @@ Reset Styles Test page - +