Release v1.2.1

CHANGELOG.md

@@ -1,5 +1,11 @@
 # Spruce CSS Changelog
 
+## v1.2.1 (2023-01-28)
+
+### Improvements
+- Remove unnecessary `$has-outline` argument at `generate-btn` mixin.
+- Reorganize print styles into the `generate-print` mixin.
+
 ## v1.2.0 (2022-12-27)
 
 ### Improvements

css/spruce.css

@@ -869,27 +869,6 @@ samp {
   color: var(--spruce-btn-color-secondary-foreground);
 }
 
-.form-file::-webkit-file-upload-button {
-  align-items: center;
-  border-radius: 0.425rem;
-  border-style: solid;
-  border-width: 1px;
-  cursor: pointer;
-  display: inline-flex;
-  font-size: 1rem;
-  font-weight: 500;
-  gap: 0.5rem;
-  justify-content: center;
-  line-height: 1;
-  padding: 0.75em 1em;
-  text-align: start;
-  text-decoration: none;
-  transition-duration: var(--spruce-transition-duration);
-  -webkit-transition-property: background-color, border-color, box-shadow, color;
-  transition-property: background-color, border-color, box-shadow, color;
-  transition-timing-function: var(--spruce-transition-timing-function);
-}
-
 .form-file::file-selector-button {
   align-items: center;
   border-radius: 0.425rem;
@@ -921,96 +900,41 @@ samp {
   pointer-events: none;
 }
 
-.form-file--icon {
-  padding: 0.75em;
-}
-.form-file--icon.form-file--sm {
-  padding: 0.5em;
-}
-.form-file--icon.form-file--lg {
-  padding: 0.9em;
-}
-
-.form-file__icon {
-  flex-shrink: 0;
-  height: 1em;
-  width: 1em;
-}
-.form-file__icon--sm {
-  height: 0.85em;
-  width: 0.85em;
-}
-
-.form-file--sm::-webkit-file-upload-button {
-  font-size: 0.8rem;
-  gap: 0.25rem;
-  padding: 0.5em;
-}
-
 .form-file--sm::file-selector-button {
   font-size: 0.8rem;
   gap: 0.25rem;
   padding: 0.5em;
 }
 
-.form-file--lg::-webkit-file-upload-button {
-  gap: 0.5rem;
-  padding: 0.9em 1.15em;
-}
-
 .form-file--lg::file-selector-button {
   gap: 0.5rem;
   padding: 0.9em 1.15em;
 }
 @media (min-width: 64em) {
-  .form-file--lg::-webkit-file-upload-button {
-    font-size: 1.15rem;
-  }
   .form-file--lg::file-selector-button {
     font-size: 1.15rem;
   }
 }
 
-.form-file--block::-webkit-file-upload-button {
-  width: 100%;
-}
-
 .form-file--block::file-selector-button {
   width: 100%;
 }
 
 .form-file {
   display: block;
 }
-.form-file:focus-within::-webkit-file-upload-button {
-  background-color: transparent;
-  box-shadow: 0 0 0 2px var(--spruce-btn-color-primary-background) inset;
-  color: var(--spruce-btn-color-primary-background);
-}
 .form-file:focus-within::file-selector-button {
   background-color: transparent;
   box-shadow: 0 0 0 2px var(--spruce-btn-color-primary-background) inset;
   color: var(--spruce-btn-color-primary-background);
 }
-.form-file::-webkit-file-upload-button {
-  background-color: var(--spruce-btn-color-primary-background);
-  border-color: var(--spruce-btn-color-primary-background);
-  color: var(--spruce-btn-color-primary-foreground);
-  -webkit-margin-end: 1rem;
-          margin-inline-end: 1rem;
-}
 .form-file::file-selector-button {
   background-color: var(--spruce-btn-color-primary-background);
   border-color: var(--spruce-btn-color-primary-background);
   color: var(--spruce-btn-color-primary-foreground);
   -webkit-margin-end: 1rem;
           margin-inline-end: 1rem;
 }
-.form-file::-webkit-file-upload-button:hover {
-  background-color: var(--spruce-btn-color-primary-background-hover);
-  border-color: var(--spruce-btn-color-primary-background-hover);
-  color: var(--spruce-btn-color-primary-foreground);
-}
 .form-file::file-selector-button:hover {
   background-color: var(--spruce-btn-color-primary-background-hover);
   border-color: var(--spruce-btn-color-primary-background-hover);
@@ -1370,7 +1294,7 @@ legend {
 }
 @media (min-width: 48em) {
   .form-group--row .form-description,
-.form-group--row .field-feedback {
+  .form-group--row .field-feedback {
     grid-column-start: 2;
   }
 }
@@ -1487,6 +1411,4 @@ legend {
   border-radius: 0.5rem;
   height: 1rem;
   width: 1rem;
-}
-
-/* stylelint-enable */
+} /* stylelint-enable */