85 lines
1.6 KiB
SCSS
85 lines
1.6 KiB
SCSS
.border {
|
|
|
|
&-thick {
|
|
border-width: thick;
|
|
}
|
|
&-color {
|
|
&-primary {
|
|
border-color: var(--color-primary);
|
|
}
|
|
&-secondary {
|
|
border-color: var(--color-secondary);
|
|
}
|
|
&-third {
|
|
border-color: var(--color-third);
|
|
}
|
|
&-heading {
|
|
border-color: var(--color-heading);
|
|
}
|
|
}
|
|
&-top {
|
|
border-top: 1px solid;
|
|
|
|
&-color-primary {
|
|
border-color: var(--color-primary);
|
|
}
|
|
&-color-secondary {
|
|
border-color: var(--color-secondary);
|
|
}
|
|
&-color-third {
|
|
border-color: var(--color-third);
|
|
}
|
|
&-color-heading {
|
|
border-color: var(--color-heading);
|
|
}
|
|
}
|
|
&-right {
|
|
border-right: 1px solid;
|
|
|
|
&-color-primary {
|
|
border-color: var(--color-primary);
|
|
}
|
|
&-color-secondary {
|
|
border-color: var(--color-secondary);
|
|
}
|
|
&-color-third {
|
|
border-color: var(--color-third);
|
|
}
|
|
&-color-heading {
|
|
border-color: var(--color-heading);
|
|
}
|
|
}
|
|
&-bottom {
|
|
border-bottom: 1px solid;
|
|
|
|
&-color-primary {
|
|
border-color: var(--color-primary);
|
|
}
|
|
&-color-secondary {
|
|
border-color: var(--color-secondary);
|
|
}
|
|
&-color-third {
|
|
border-color: var(--color-third);
|
|
}
|
|
&-color-heading {
|
|
border-color: var(--color-heading);
|
|
}
|
|
}
|
|
&-left {
|
|
border-left: 1px solid;
|
|
|
|
&-color-primary {
|
|
border-color: var(--color-primary);
|
|
}
|
|
&-color-secondary {
|
|
border-color: var(--color-secondary);
|
|
}
|
|
&-color-third {
|
|
border-color: var(--color-third);
|
|
}
|
|
&-color-heading {
|
|
border-color: var(--color-heading);
|
|
}
|
|
}
|
|
}
|