@font-face {
  font-family: "quicksand";
  /* license: url("https://radii.page/fonts/Quicksand-Regular.txt"); */
  src: local("quicksand") url("./quicksand.ttf") format("tff");
}

/*$font-family-base: quicksand, roboto !default;*/

@import "~bootstrap/scss/bootstrap";
@import "~github-markdown-css/github-markdown.css";

$colors: #73a857, #3f2e7a, #bdbb99, #77b1a9, #fb6964, #9b59b6, #2c3e50, #27ae60,
  #f39c12, #16a085;

@for $i from 1 through length($colors) {
  $color: nth($colors, $i);
  .color-#{$i} {
    color: $color;
  }
  .bg-color-#{$i} {
    background-color: $color;
    color: white;
    &:hover {
      background-color: darken($color, 10%);
      color: white;
    }
    &:focus {
      background-color: $color;
      color: white;
    }
    &:focus:hover {
      background-color: darken($color, 10%);
      color: white;
    }
  }
}

.editor-topbar {
  background-color: lighten(#2c3e50, 20%);
}

.preview-topbar {
  background-color: lighten(#3f2e7a, 20%);
}