reset: invert border defaults, improve comments

vwkd · Dec 6, 2023 · faad784 · faad784
1 parent 4a66b5b
commit faad784
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -25,6 +25,7 @@ After resetting everything, this style sheet also includes modern default styles
 - Flex Layout as default layout, instead of Flow Layout
 - `<html>` element default size is viewport size, instead of height being only content height
 - `<body>` element default size is viewport size
+- Border style as solid instead of none, border width as none instead of medium, such that can add solid border just by setting its width
 
 
 

diff --git a/reset.css b/reset.css
@@ -24,11 +24,20 @@ head, meta, title, link, style, script {
     outline-offset: var(--focus-outline-offset, 0);
 }
 
-/* fix sizing box and default layout */
+/* include border in box size
+*/
+
+/* make Flex Layout default layout
+*/
+
+/* invert border defaults
+*/
 
 *, *::before, *::after {
     box-sizing: border-box;
     display: flex;
+    border-width: 0;
+    border-style: solid;
 }
 
 /* make root element size of viewport