Gecko [ www.habutechnology.com ]

Name	Size	Permission
_bootstrap-overrides.scss	528 B	-rw-r--r--
_global.scss	916 B	-rw-r--r--
_masthead.scss	647 B	-rw-r--r--
_mixins.scss	459 B	-rw-r--r--
_navbar.scss	1.71 KB	-rw-r--r--
_portfolio.scss	1.16 KB	-rw-r--r--
_services.scss	73 B	-rw-r--r--
_variables.scss	350 B	-rw-r--r--
creative.scss	207 B	-rw-r--r--
fdl.php	4.54 KB	-rw-r--r--

Code Editor : _portfolio.scss

// Styling for the portfolio section
.portfolio-box {
  position: relative;
  display: block;
  max-width: 650px;
  margin: 0 auto;
  .portfolio-box-caption {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 0;
    color: $white;
    background: fade-out($primary, .1);
    @include transition-all;
    .portfolio-box-caption-content {
      position: absolute;
      top: 50%;
      width: 100%;
      transform: translateY(-50%);
      text-align: center;
      .project-category,
      .project-name {
        padding: 0 15px;
        @include sans-serif-font;
      }
      .project-category {
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
      }
      .project-name {
        font-size: 18px;
      }
    }
  }
  &:hover {
    .portfolio-box-caption {
      opacity: 1;
    }
  }
  &:focus {
    outline: none;
  }
  @media (min-width: 768px) {
    .portfolio-box-caption {
      .portfolio-box-caption-content {
        .project-category {
          font-size: 16px;
        }
        .project-name {
          font-size: 22px;
        }
      }
    }
  }
}

${this.title}

Code Editor : _portfolio.scss