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 {
|
.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);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -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);
|
||||||
|
|
|
||||||
|
|
@ -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 {
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue