@enhance/styles
Advanced tools
Comparing version 2.0.0 to 2.0.2
{ | ||
"name": "@enhance/styles", | ||
"version": "2.0.0", | ||
"version": "2.0.2", | ||
"description": "Functional utility classes", | ||
@@ -5,0 +5,0 @@ "main": "index.mjs", |
@@ -132,3 +132,3 @@ # enhance-styles | ||
### queries | ||
`quries` are the units for `max-width` media queries. This encourages a mobile first approach to styling. Start by making your mobile, single-column layout then resize your browser wider and only add media queries when your design requires it. Labels for the the sizes will be appended to the class names inside the media query block. i.e. `static-lg`. This allows you to add all the classes for every breakpoint and the classes will be overriden as the browser resizes. The default is `"lg": "48em"` | ||
`queries` are the units for `min-width` media queries. This encourages a mobile first approach to styling. Start by making your mobile, single-column layout then resize your browser wider and only add media queries when your design requires it. Labels for the the sizes will be appended to the class names inside the media query block. i.e. `static-lg`. This allows you to add all the classes for every breakpoint and the classes will be overriden as the browser resizes. The default is `"lg": "48em"` | ||
@@ -135,0 +135,0 @@ ### borders |
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
45745