destyle.css - npm Package Compare versions

Comparing version 1.0.15 to 2.0.0

package.json

 {
   "name": "destyle.css",
-  "version": "1.0.15",
+  "version": "2.0.0",
   "description": "Opinionated reset stylesheet that provides a clean styling slate for your project.",
@@ -5,0 +5,0 @@ "main": "destyle.css",

Readme.md

@@ -10,4 +10,4 @@ # destyle.css
 - Ensures consistency across browsers (thanks normalize.css)
-- Removes spacing (margin & padding)
-- Resets font-size and line-height
+- Removes spacing (margin & padding) and resets font-size and line-height
+- Sets some sensible defaults (see [rules](#rules))
 - Prevents the necessity of reseting (most) user agent styles
@@ -115,3 +115,3 @@ - Prevents style inspector bloat by only targeting what is necessary
 
-`button` tags have a lot of default styles that can make them cumbersome to use from a styling perspective, especially if they should look like plain things or need to wrap some other content, but `button` tags are the recommended elements to use as click targets for user interactions. Falling back to using `<a href="#">` even with `role="button"` is [not recomended](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/button_role) from an accessibility standpoint as screen readers will recognize `button`s as interactive elements by default and treat them accordingly. `a` should be used when there is the need to link to a page via `href`.
+`button` tags have a lot of default styles that can make them cumbersome to use from a styling perspective, especially if they should look like plain links or need to wrap some other content, but `button` tags are the recommended elements to use as click targets for user interactions. Falling back to using `<a href="#">` even with `role="button"` is [not recomended](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/button_role) from an accessibility standpoint as screen readers will recognize `button`s as interactive elements by default and treat them accordingly. `a` should be used when there is the need to link to a page via `href`.
 
@@ -163,2 +163,3 @@ <!-- prettier-ignore-start -->
 - The box model is set to `border-box` for `*`, `::before` and `::after`.
+- The `border-style` is set to `solid` for `*`, `::before` and `::after` and the `border-width` is set to 0 (to hide the borders).
 - `code`, `pre`, `kbd`, `samp` maintain a monospaced font-family.
@@ -171,2 +172,3 @@ - `hr` is set to be a solid 1px line using `border-top` that inherits its color from its parent's `color` property.
 - `meter` and `progress` elements are not reset.
+- `img` has `vertical-align` set to `bottom` to prevent alignment issues.
 
@@ -173,0 +175,0 @@ ## Caveats

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

16427

increased by1.33%

Number of lines in readme file

191

increased by1.06%

Worsened metrics

Lines of code

394

decreased by-1.01%

No dependency changes