all repos — breadsite @ 2c44537659ea447334d3d8fe594d21d3a6e371c0

Unnamed repository; edit this file 'description' to name the repository.

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;
  }
}