destyle.css
Advanced tools
Comparing version 1.0.13 to 1.0.14
{ | ||
"name": "destyle.css", | ||
"version": "1.0.13", | ||
"version": "1.0.14", | ||
"description": "Opinionated reset stylesheet that provides a clean styling slate for your project.", | ||
@@ -5,0 +5,0 @@ "main": "destyle.css", |
@@ -53,3 +53,3 @@ # destyle.css | ||
color: #333; | ||
font: 16px/1.4 'Helvetica Neue', sans-serif; | ||
font: 16px/1.4 "Helvetica Neue", sans-serif; | ||
} | ||
@@ -115,5 +115,7 @@ ``` | ||
`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 Screenreaders 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 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`. | ||
<!-- prettier-ignore-start --> | ||
destyle.css resets buttons completely to make them usable as any other element <small>* see note [below](#caveats)</small>. | ||
<!-- prettier-ignore-end --> | ||
@@ -134,3 +136,3 @@ ```css | ||
color: white; | ||
text-align: center | ||
text-align: center; | ||
} | ||
@@ -140,2 +142,3 @@ | ||
display: block; | ||
width: 100%; | ||
} | ||
@@ -153,3 +156,3 @@ ``` | ||
<button class="block"> | ||
<img src="..." alt="..."> | ||
<img src="..." alt="..." /> | ||
</button> | ||
@@ -156,0 +159,0 @@ ``` |
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
396
190
16303