@schukai/monster
Version:
Monster is a simple library for creating fast, robust and lightweight websites.
67 lines (66 loc) • 1.85 kB
CSS
/** generated from border.pcss **/
.monster-border-primary-1,
.monster-border-primary-2,
.monster-border-primary-3,
.monster-border-primary-4 {
border-radius: var(--monster-border-radius);
border-style: var(--monster-border-style);
border-width: var(--monster-border-width);
}
.monster-border-0 {
border-radius: 0;
border-style: none;
border-width: 0;
}
.monster-border-primary-1 {
border-color: var(--monster-bg-color-primary-1);
}
.monster-border-primary-2 {
border-color: var(--monster-bg-color-primary-2);
}
.monster-border-primary-3 {
border-color: var(--monster-bg-color-primary-3);
}
.monster-border-primary-4 {
border-color: var(--monster-bg-color-primary-4);
}
.monster-border-secondary-1,
.monster-border-secondary-2,
.monster-border-secondary-3,
.monster-border-secondary-4 {
border-radius: var(--monster-border-radius);
border-style: var(--monster-border-style);
border-width: var(--monster-border-width);
}
.monster-border-secondary-1 {
border-color: var(--monster-bg-color-secondary-1);
}
.monster-border-secondary-2 {
border-color: var(--monster-bg-color-secondary-2);
}
.monster-border-secondary-3 {
border-color: var(--monster-bg-color-secondary-3);
}
.monster-border-secondary-4 {
border-color: var(--monster-bg-color-secondary-4);
}
.monster-border-tertiary-1,
.monster-border-tertiary-2,
.monster-border-tertiary-3,
.monster-border-tertiary-4 {
border-radius: var(--monster-border-radius);
border-style: var(--monster-border-style);
border-width: var(--monster-border-width);
}
.monster-border-tertiary-1 {
border-color: var(--monster-bg-color-tertiary-1);
}
.monster-border-tertiary-2 {
border-color: var(--monster-bg-color-tertiary-2);
}
.monster-border-tertiary-3 {
border-color: var(--monster-bg-color-tertiary-3);
}
.monster-border-tertiary-4 {
border-color: var(--monster-bg-color-tertiary-4);
}