Release v0.10.0

CHANGELOG.md

@@ -1,5 +1,19 @@
 # Spruce CSS Changelog
 
+## v0.10.0 (2022-07-08)
+
+### New features
+- Add `selection` mixin to handle the `::selection` a bit simpler.
+
+### Improvements
+- Add `marker` color under `base` to controle the list's `::marker`.
+- Add `-webkit-tap-highlight-color` with `transparent` value to `html` element.
+- Remove `outline` from `[tabindex='-1']:focus`.
+- Add `$map` argument to the `color` function to use it any map.
+
+### Bugfix
+- Fix `text-ellipsis` multiline bug.
+
 ## v0.9.0 (2022-06-24)
 
 ### New features

css/spruce.css

@@ -349,6 +349,7 @@ template {
   --spruce-base-color-border: hsl(0deg, 0%, 90%);
   --spruce-base-color-mark-background: hsl(50deg, 100%, 80%);
   --spruce-base-color-mark-foreground: hsl(205deg, 100%, 2%);
+  --spruce-base-color-marker: hsl(262deg, 71%, 49%);
   --spruce-base-color-code-background: hsl(261deg, 52%, 95%);
   --spruce-base-color-code-foreground: hsl(205deg, 100%, 2%);
   --spruce-base-color-blockquote-border: hsl(262deg, 71%, 49%);
@@ -436,6 +437,10 @@ template {
   width: 1px !important;
 }
 
+[tabindex="-1"]:focus {
+  outline: none !important;
+}
+
 ::-moz-selection {
   background-color: var(--spruce-selection-color-background);
   color: var(--spruce-selection-color-foreground);
@@ -581,6 +586,10 @@ figure figcaption {
   border-start-end-radius: 0.5rem;
 }
 
+html {
+  -webkit-tap-highlight-color: hsla(0deg, 0%, 0%, 0);
+}
+
 body {
   font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-size: 1rem;
@@ -665,7 +674,7 @@ ol li {
 }
 ul li::marker,
 ol li::marker {
-  color: var(--spruce-base-color-primary);
+  color: var(--spruce-base-color-marker);
 }
 
 li > ul,