Contents

.header {

  color: $white;
  background-image: url($background-image);
  background-color: $black;
  background-size: cover;
  background-position: center right;

  &__home {
    padding-top: 4rem;
    padding-bottom: 3rem;
    margin-top: 60px;

    display: flex;
    justify-content: center;
    flex-direction: column;

    &__title, &__description, &__preamble, &__worklines {
      @extend .container;
      text-shadow: 0 0 5px $black;
    }

    &__description, &__preamble {
      @extend .lead;
    }

    &__worklines {
      .btn {
        margin-bottom: $line-height-base - 1em;
        margin-right: $line-height-base - 1em;
        color: $white;
        background: rgba($black, 0.4);
        &:hover {
          background: rgba($black, 0.75);
        }
      }
    }
  }

  &__page {
    padding-top: 4rem;
    padding-bottom: 3rem;
    margin-top: 60px;

    display: flex;
    justify-content: center;
    flex-direction: column;

    &__title, &__description {
      @extend .container;
      text-shadow: 0 0 5px $black;
    }

    &__description {
      @extend .lead;
    }
  }

  &__blog, &__post {
    padding-top: 4rem;
    padding-bottom: 3rem;
    margin-top: 60px;

    display: flex;
    justify-content: space-between;
    flex-direction: row;

    &__newer, &__older {
      padding: 0.5em;
      font-size: $h3-font-size;
      color: $white;
      background: $black;
      opacity: 0.3;
      &:hover {
        opacity: 0.65;
      }
      &--disabled {
        opacity: 0;
        &:hover {
          opacity: 0;
        }
      }
    }

    &__present {
      @extend .container;
    }

    &__title, &__description {
      text-shadow: 0 0 5px $black;
    }

    &__description {
      @extend .lead;
    }
  }
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
jekyll-theme-centos-0.2.2	_sass/centos/_header.scss
jekyll-theme-centos-0.2.1	_sass/centos/_header.scss
jekyll-theme-centos-0.2.0	_sass/centos/_header.scss