Skip to content

Commit a2f4c0a

Browse files
committed
Release
1 parent 2946963 commit a2f4c0a

File tree

6 files changed

+22
-17
lines changed

6 files changed

+22
-17
lines changed

.editorconfig

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,5 +13,5 @@ eclint_block_comment_start = /*
1313
eclint_block_comment = *
1414
eclint_block_comment_end = */
1515

16-
[*.{scss,css,js,json}]
16+
[*.{scss,css,js,json,yml,md}]
1717
indent_size = 2

CHANGELOG.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,10 @@
11
# Spruce CSS Changelog
22

3+
## v2.3.4 (2025-04-09)
4+
5+
### What's Changed
6+
- Clear Sass deprecation warnings
7+
38
## v2.3.3 (2024-08-20)
49

510
### What's Changed

css/spruce.css

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -319,11 +319,11 @@ template {
319319
--spruce-base-color-background: hsl(0, 0%, 100%);
320320
--spruce-base-color-blockquote-border: hsl(262, 71%, 49%);
321321
--spruce-base-color-border: hsl(215, 63%, 93%);
322-
--spruce-base-color-code-background: #f6f2fd;
322+
--spruce-base-color-code-background: hsl(262, 71%, 97%);
323323
--spruce-base-color-code-foreground: hsl(205, 100%, 2%);
324324
--spruce-base-color-heading: hsl(205, 100%, 2%);
325325
--spruce-base-color-link: hsl(262, 71%, 49%);
326-
--spruce-base-color-link-hover: #511dab;
326+
--spruce-base-color-link-hover: hsl(262, 71%, 39.2%);
327327
--spruce-base-color-mark-background: hsl(50, 100%, 80%);
328328
--spruce-base-color-mark-foreground: hsl(205, 100%, 2%);
329329
--spruce-base-color-marker: hsl(262, 71%, 49%);
@@ -335,13 +335,13 @@ template {
335335

336336
:root {
337337
--spruce-btn-color-primary-background: hsl(262, 71%, 49%);
338-
--spruce-btn-color-primary-background-hover: #511daa;
338+
--spruce-btn-color-primary-background-hover: hsl(262, 71%, 39%);
339339
--spruce-btn-color-primary-foreground: hsl(0, 0%, 100%);
340-
--spruce-btn-color-primary-shadow: #ceb9f3;
340+
--spruce-btn-color-primary-shadow: hsl(262, 71%, 84%);
341341
--spruce-btn-color-secondary-background: hsl(227, 92%, 55%);
342-
--spruce-btn-color-secondary-background-hover: #0937dc;
342+
--spruce-btn-color-secondary-background-hover: hsl(227, 92%, 45%);
343343
--spruce-btn-color-secondary-foreground: hsl(0, 0%, 100%);
344-
--spruce-btn-color-secondary-shadow: #ced8fd;
344+
--spruce-btn-color-secondary-shadow: hsl(227, 92%, 90%);
345345
}
346346

347347
:root {
@@ -356,21 +356,21 @@ template {
356356
--spruce-form-color-group-label-background: hsl(210, 60%, 98%);
357357
--spruce-form-color-group-label-foreground: hsl(208, 9%, 42%);
358358
--spruce-form-color-invalid: hsl(0, 71%, 51%);
359-
--spruce-form-color-invalid-focus-ring: rgba(219, 41, 41, 0.25);
359+
--spruce-form-color-invalid-focus-ring: hsla(0, 71%, 51%, 0.25);
360360
--spruce-form-color-label: hsl(205, 100%, 2%);
361361
--spruce-form-color-legend: hsl(205, 100%, 2%);
362362
--spruce-form-color-placeholder: hsl(208, 7%, 40%);
363363
--spruce-form-color-range-thumb-background: hsl(262, 71%, 49%);
364364
--spruce-form-color-range-thumb-focus-ring: hsl(262, 71%, 49%);
365365
--spruce-form-color-range-track-background: hsl(215, 63%, 93%);
366-
--spruce-form-color-ring-focus: rgba(101, 36, 214, 0.25);
366+
--spruce-form-color-ring-focus: hsla(262, 71%, 49%, 0.25);
367367
--spruce-form-color-select-foreground: hsl(205, 100%, 2%);
368368
--spruce-form-color-switch-background: hsl(262, 71%, 49%);
369369
--spruce-form-color-switch-focus-ring: hsl(262, 71%, 49%);
370370
--spruce-form-color-switch-foreground: hsl(0, 0%, 100%);
371371
--spruce-form-color-text: hsl(208, 9%, 42%);
372372
--spruce-form-color-valid: hsl(150, 100%, 33%);
373-
--spruce-form-color-valid-focus-ring: rgba(0, 168, 84, 0.25);
373+
--spruce-form-color-valid-focus-ring: hsla(150, 100%, 33%, 0.25);
374374
}
375375

376376
:root {
@@ -999,10 +999,10 @@ strong {
999999
background-color: var(--spruce-btn-color-primary-background-hover);
10001000
}
10011001
.form-file::file-selector-button {
1002+
margin-inline-end: 1rem;
10021003
background-color: var(--spruce-btn-color-primary-background);
10031004
border-color: var(--spruce-btn-color-primary-background);
10041005
color: var(--spruce-btn-color-primary-foreground);
1005-
margin-inline-end: 1rem;
10061006
}
10071007
.form-file::file-selector-button:hover {
10081008
background-color: var(--spruce-btn-color-primary-background-hover);
@@ -1321,12 +1321,12 @@ html[dir=rtl] select.form-control:not([multiple]):not([size]) {
13211321
}
13221322

13231323
fieldset {
1324-
--spruce-layout-gap: 1rem;
1325-
--spruce-legend-font-size: clamp(1rem, 5vw, 1.25rem);
1326-
--spruce-legend-font-weight: 700;
13271324
border: 0;
13281325
margin: 0;
13291326
padding: 0;
1327+
--spruce-layout-gap: 1rem;
1328+
--spruce-legend-font-size: clamp(1rem, 5vw, 1.25rem);
1329+
--spruce-legend-font-weight: 700;
13301330
}
13311331
fieldset > * {
13321332
margin-block-end: 0;

css/spruce.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "sprucecss",
3-
"version": "2.3.3",
3+
"version": "2.3.4",
44
"description": "Spruce CSS - Another CSS Framework",
55
"keywords": [
66
"css",

preview/src/scss/layout/_main.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,9 +9,9 @@
99

1010
&__sidebar {
1111
&-inner {
12-
@include layout-stack('m');
1312
inset-block-start: spacer('m');
1413
position: sticky;
14+
@include layout-stack('m');
1515
}
1616
}
1717

0 commit comments

Comments
 (0)