use --stroke custom property

This commit is contained in:
madrilene 2025-01-27 09:45:52 +01:00
parent 6cedd33c1c
commit f3a6b1d148
3 changed files with 8 additions and 8 deletions

View file

@ -1,7 +1,7 @@
.details .control { .details .control {
--gutter: var(--space-xs-s); --gutter: var(--space-xs-s);
--cluster-horizontal-alignment: flex-end; --cluster-horizontal-alignment: flex-end;
border-block-start: 1px solid var(--color-bg-accent); border-block-start: var(--stroke);
padding-block-start: var(--space-xs); padding-block-start: var(--space-xs);
} }
@ -63,14 +63,14 @@ is-land:not(:defined) .details .control {
.details details > :is(h2, h3) { .details details > :is(h2, h3) {
font-weight: var(--font-bold); font-weight: var(--font-bold);
font-size: var(--size-step-0); font-size: var(--size-step-0);
border-block-end: 1px solid var(--color-bg-accent); border-block-end: var(--stroke);
padding-block-end: var(--space-xs); padding-block-end: var(--space-xs);
} }
.details details > :is(h2, h3) { .details details > :is(h2, h3) {
font-weight: var(--font-bold); font-weight: var(--font-bold);
font-size: var(--size-step-0); font-size: var(--size-step-0);
border-block-end: 1px solid var(--color-bg-accent); border-block-end: var(--stroke);
padding-block-end: var(--space-xs); padding-block-end: var(--space-xs);
} }

View file

@ -54,7 +54,7 @@
aspect-ratio: 16/9; aspect-ratio: 16/9;
object-fit: cover; object-fit: cover;
object-position: center; object-position: center;
border: 1px solid var(--color-text); border: var(--stroke);
} }
.styleguide .space { .styleguide .space {
@ -64,7 +64,7 @@
.styleguide .tabs { .styleguide .tabs {
align-items: center; align-items: center;
border-block-end: 1px solid #d1d8e0; border-block-end: var(--stroke);
display: flex; display: flex;
gap: var(--space-xs); gap: var(--space-xs);
margin-block-end: var(--space-s); margin-block-end: var(--space-s);

View file

@ -19,7 +19,7 @@ thead {
} }
tr { tr {
border: 1px solid var(--color-text); border: var(--stroke);
display: block; display: block;
margin-block-end: var(--space-s); margin-block-end: var(--space-s);
} }
@ -31,7 +31,7 @@ td {
} }
td { td {
border-block-end: 1px solid var(--color-text); border-block-end: var(--stroke);
display: block; display: block;
text-align: start; text-align: start;
} }
@ -76,7 +76,7 @@ td:last-child {
} }
tr:not(:last-child) { tr:not(:last-child) {
border-block-end: 1px solid var(--color-bg-accent); border-block-end: var(--stroke);
} }
td { td {