Sass Configuration

_sass/variables.scss includes the following variables for easy customization:

Base Colors

  • $primary-color
  • $secondary-color
  • $complimentary-color
  • $body-bg
  • $body-font-color

Links

  • $link-color
  • $link-hover-color
  • $link-visited-color

Text

  • $base-font-family
  • $base-font-size
  • $small-font-size
  • $base-line-height

Header Settings

  • $header-color
  • $header-link-color
  • $header-link-hover-color
  • $header-link-visted-color
  • $header-active-link-color

Sidebar Settings

  • $sidebar-color

Mobile Navbar Settings

  • $navbar-height
  • $navbar-color
  • $navbar-text-color
  • $navbar-hover-color
  • $navbar-active-color
  • $navbar-font-size
  • $navbar-font-family
  • $hamburger-icon-color

Socials Navbar Settings

  • $socials-font-color
  • $socials-font-size

Gallery Lightbox Pop-Up

  • $lightbox-background-color
  • $lightbox-border-color
  • $lightbox-description-background-color
  • $lightbox-description-text-color
  • $lightbox-caption-text-color
  • $lightbox-navigation-color

Utility

  • $spacing-unit

Layout Settings

  • $header-margin

Buttons

  • $button-color
  • $button-hover
  • $button-text-color