main.scss

@import "../node_modules/@creativecommons/vocabulary/scss/vocabulary.scss";
@import "./home-page.scss";
@import "./blog-page.scss";
@import "./singlePost-page.scss";
@import "./authorPost-page.scss";
@import "./series-page.scss";
@import "./categories-page.scss";
@import "./authors-page.scss";
@import "./guidelines.scss";
@import "./project-list.scss";
@import "./projectIdeas.scss";
@import "./searchGuideline-page.scss";
@import "./ccSearch.scss";


// Links
a {
  color: $color-forest-green;
  text-decoration: none;
}

a:hover {
  color: $color-forest-green;
}

// Code
code {
  color: $color-dark-slate-gray;
  background-color: $color-lighter-gray;
  border: 0.0625rem solid $color-light-gray;
  border-radius: 0.25rem;
}

// Multiple lines of code
pre {
  color: $color-dark-slate-gray;
  background-color: $color-lighter-gray;
  border: 0.0625rem solid $color-light-gray;
  border-radius: 0.25rem;

  code {
    border: none;
  }
}

.content {
  @extend .body-big;

  line-height: 1.6875;
}

// Navbar
.navbar-item {
  &.has-dropdown {
    .navbar-dropdown {
      display: none;
    }
    &.is-active {
      .navbar-dropdown {
        display: block;
      }
    }
  }
}

// Breadcrumb
.breadcrumb-container {
  border-top: 4px solid $color-forest-green;
  background-color: $color-lighter-gray;

  .breadcrumb {
    @extend .padding-horizontal-big;
    @extend .padding-vertical-bigger;

    .link {
      @extend .has-color-forest-green;
    }
  }
}



// Common Title section
.header {
  background-color: $color-lighter-gray;

  .container {
    @extend .padding-horizontal-big;
    @extend .padding-bottom-xl;

    word-wrap: break-word;

    .description {
      @extend .body-bigger;
      @extend .padding-top-normal;
      @extend .has-text-dark-slate-gray;

      line-height: 1.8125;
    }
  }
}


// Sticky utility function
.sticky-top {
  position: sticky;
  top: 0;
}