Prepare v0.3 release

CHANGELOG.md

@@ -1,5 +1,32 @@
 # Spruce CSS Changelog
 
+## v0.3.0 (2022-02-22)
+
+### New features
+- Add reset ul, ol mixin with `clear-list()`.
+- Add clear button style mixin with `clear-btn()`.
+- Add `a11y-card-link()` mixin.
+- New table variants: sm size, bordered, clear-border style.
+- Add `hidden` utility class.
+- Add `generate-color-variables()` mixins to generate color variables.
+- Add `field-icon()` mixin to get and color form element images.
+
+### Improvements
+- `::selection' add foreground color variable.
+- Move `$prefix` under the `$settings` map.
+- Use `as *` import internally.
+- Add color variable to the table.
+- Add font-size variable to `.form-check--lg`.
+- Use newer HSL syntax at colors.
+- Fieldset stack gap got a variable.
+- Button icon got a new, smaller size option.
+- `layout-stack()` has !important parameter.
+- Reorganize `.form-check` styling under a mixin.
+- Simplify button declaration colors (now we can init a button with only two colors).
+
+### Bugfix
+- `$font-size-lead`: add !default.
+
 ## v0.2.0 (2022-01-28)
 
 ### New features

css/spruce.css

@@ -571,12 +571,15 @@ fieldset {
   padding: 0;
 }
 fieldset > * {
-  margin-bottom: 0;
-  margin-top: 0;
+  -webkit-margin-after: 0;
+          margin-block-end: 0;
+  -webkit-margin-before: 0;
+          margin-block-start: 0;
   width: 100%;
 }
 fieldset > * + * {
-  margin-top: 1rem;
+  -webkit-margin-before: 1rem;
+          margin-block-start: 1rem;
 }
 fieldset + fieldset {
   margin-top: 3rem;
@@ -677,23 +680,29 @@ html[dir=rtl] .form-control--valid, html[dir=rtl] .form-control--invalid {
 }
 
 .form-group > * {
-  margin-bottom: 0;
-  margin-top: 0;
+  -webkit-margin-after: 0;
+          margin-block-end: 0;
+  -webkit-margin-before: 0;
+          margin-block-start: 0;
 }
 .form-group > * + * {
-  margin-top: 0.25rem;
+  -webkit-margin-before: 0.25rem;
+          margin-block-start: 0.25rem;
 }
 .form-group--vertical-check {
   display: flex;
   flex-direction: column;
   align-items: start;
 }
 .form-group--vertical-check > * {
-  margin-bottom: 0;
-  margin-top: 0;
+  -webkit-margin-after: 0;
+          margin-block-end: 0;
+  -webkit-margin-before: 0;
+          margin-block-start: 0;
 }
 .form-group--vertical-check > * + * {
-  margin-top: 0.5rem;
+  -webkit-margin-before: 0.5rem;
+          margin-block-start: 0.5rem;
 }
 .form-group--grid {
   align-items: start;
@@ -967,12 +976,15 @@ ol {
 }
 ul > *,
 ol > * {
-  margin-bottom: 0;
-  margin-top: 0;
+  -webkit-margin-after: 0;
+          margin-block-end: 0;
+  -webkit-margin-before: 0;
+          margin-block-start: 0;
 }
 ul > * + *,
 ol > * + * {
-  margin-top: 0.25rem;
+  -webkit-margin-before: 0.25rem;
+          margin-block-start: 0.25rem;
 }
 ul li,
 ol li {
@@ -1005,12 +1017,15 @@ blockquote {
   padding: 0 0 0 1.5rem;
 }
 blockquote > * {
-  margin-bottom: 0;
-  margin-top: 0;
+  -webkit-margin-after: 0;
+          margin-block-end: 0;
+  -webkit-margin-before: 0;
+          margin-block-start: 0;
   width: 100%;
 }
 blockquote > * + * {
-  margin-top: 0.5rem;
+  -webkit-margin-before: 0.5rem;
+          margin-block-start: 0.5rem;
 }
 blockquote cite {
   display: block;