use --stroke custom property
This commit is contained in:
parent
6cedd33c1c
commit
f3a6b1d148
3 changed files with 8 additions and 8 deletions
|
|
@ -1,7 +1,7 @@
|
|||
.details .control {
|
||||
--gutter: var(--space-xs-s);
|
||||
--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);
|
||||
}
|
||||
|
||||
|
|
@ -63,14 +63,14 @@ is-land:not(:defined) .details .control {
|
|||
.details details > :is(h2, h3) {
|
||||
font-weight: var(--font-bold);
|
||||
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);
|
||||
}
|
||||
|
||||
.details details > :is(h2, h3) {
|
||||
font-weight: var(--font-bold);
|
||||
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);
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -54,7 +54,7 @@
|
|||
aspect-ratio: 16/9;
|
||||
object-fit: cover;
|
||||
object-position: center;
|
||||
border: 1px solid var(--color-text);
|
||||
border: var(--stroke);
|
||||
}
|
||||
|
||||
.styleguide .space {
|
||||
|
|
@ -64,7 +64,7 @@
|
|||
|
||||
.styleguide .tabs {
|
||||
align-items: center;
|
||||
border-block-end: 1px solid #d1d8e0;
|
||||
border-block-end: var(--stroke);
|
||||
display: flex;
|
||||
gap: var(--space-xs);
|
||||
margin-block-end: var(--space-s);
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@ thead {
|
|||
}
|
||||
|
||||
tr {
|
||||
border: 1px solid var(--color-text);
|
||||
border: var(--stroke);
|
||||
display: block;
|
||||
margin-block-end: var(--space-s);
|
||||
}
|
||||
|
|
@ -31,7 +31,7 @@ td {
|
|||
}
|
||||
|
||||
td {
|
||||
border-block-end: 1px solid var(--color-text);
|
||||
border-block-end: var(--stroke);
|
||||
display: block;
|
||||
text-align: start;
|
||||
}
|
||||
|
|
@ -76,7 +76,7 @@ td:last-child {
|
|||
}
|
||||
|
||||
tr:not(:last-child) {
|
||||
border-block-end: 1px solid var(--color-bg-accent);
|
||||
border-block-end: var(--stroke);
|
||||
}
|
||||
|
||||
td {
|
||||
|
|
|
|||
Loading…
Reference in a new issue