2024-10-11 22:16:42 -05:00
|
|
|
// colors
|
|
|
|
|
@color-accent-dark: #a8c3b5;
|
|
|
|
|
@color-accent-light: #558b6e;
|
|
|
|
|
@color-danger: #d64933;
|
|
|
|
|
@color-dark: #2e282a;
|
|
|
|
|
@color-light: #fbfbfb;
|
|
|
|
|
|
|
|
|
|
// fonts
|
|
|
|
|
@fonts-sans: Rubik, Arial, sans-serif;
|
|
|
|
|
|
|
|
|
|
// layout
|
2024-10-11 22:27:28 -05:00
|
|
|
@border-r-xl: 0.75em;
|
2024-10-11 22:16:42 -05:00
|
|
|
@padding-md: @padding-md-y @padding-md-x;
|
|
|
|
|
@padding-md-x: 1em;
|
|
|
|
|
@padding-md-y: 0.5em;
|
2024-10-11 22:27:28 -05:00
|
|
|
@padding-lg: @padding-lg-y @padding-lg-x;
|
|
|
|
|
@padding-lg-x: 1.5em;
|
|
|
|
|
@padding-lg-y: 1em;
|
|
|
|
|
@padding-xl: @padding-xl-y @padding-xl-x;
|
|
|
|
|
@padding-xl-x: 2em;
|
|
|
|
|
@padding-xl-y: 1.5em;
|
2024-10-11 22:16:42 -05:00
|
|
|
|
|
|
|
|
// utils
|
|
|
|
|
.full-without-padding(@padding) {
|
|
|
|
|
@result: calc(100% - @padding * 2);
|
|
|
|
|
}
|
