sass/style.scss (view raw)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 |
@use 'frappe' as theme;
$font-stack: 'Noto Sans', sans-serif;
@mixin all-headings {
@for $index from 1 through 6 {
h#{$index} {
@content;
}
}
}
body {
font: 100% $font-stack;
background-color: theme.$crust;
color: theme.$text;
}
@include all-headings {
text-decoration-line: underline;
text-decoration-thickness: 2px;
text-underline-offset: 2px;
text-decoration-color: theme.$peach;
}
a {
text-decoration: none;
}
a:link {
color: theme.$blue;
&:hover {
text-decoration-line: underline;
text-decoration-thickness: 2px;
text-underline-offset: 2px;
text-decoration-color: theme.$blue;
}
}
a:visited {
color: theme.$mauve;
&:hover {
text-decoration-line: underline;
text-decoration-thickness: 2px;
text-underline-offset: 2px;
text-decoration-color: theme.$mauve;
}
}
nav {
text-decoration: none;
a {
color: theme.$text;
background-color: theme.$surface1;
padding: 0.2em;
}
.active {
background-color: theme.$overlay1;
color: theme.$text;
}
}
|