mirror of
https://github.com/manualdousuario/marreta.git
synced 2025-09-01 10:10:14 +00:00
52 lines
No EOL
1,010 B
SCSS
52 lines
No EOL
1,010 B
SCSS
@use "mixin";
|
|
|
|
:root {
|
|
// Fonts
|
|
--font-family-sans-serif: -apple-system,
|
|
BlinkMacSystemFont,
|
|
"Segoe UI",
|
|
Roboto,
|
|
"Helvetica Neue",
|
|
Arial,
|
|
"Noto Sans",
|
|
"Liberation Sans",
|
|
sans-serif,
|
|
"Apple Color Emoji",
|
|
"Segoe UI Emoji",
|
|
"Segoe UI Symbol",
|
|
"Noto Color Emoji";
|
|
--font-family-monospace: SFMono-Regular,
|
|
Menlo, Monaco,
|
|
Consolas,
|
|
"Liberation Mono",
|
|
"Courier New",
|
|
monospace;
|
|
--font-family-inter: "inter";
|
|
--font-family-unna: "unna";
|
|
|
|
//-- Styles
|
|
--font-size: 16px;
|
|
--font-weight: 500;
|
|
--line-height: 160%;
|
|
|
|
// Colors
|
|
@include mixin.create-color('marreta', #3B82F6);
|
|
@include mixin.create-color('text', #484848);
|
|
@include mixin.create-color('textmuted', #818181);
|
|
@include mixin.create-color('link', #3B82F6);
|
|
|
|
// Spacing
|
|
--container_spacing: 24px;
|
|
@include mixin.devices(desktop) {
|
|
--container_spacing: 64px;
|
|
}
|
|
}
|
|
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
@media screen and (prefers-reduced-motion: reduce) {
|
|
html {
|
|
scroll-behavior: auto;
|
|
}
|
|
} |