File Manager

✏️ Edit File: /home/vps100806676/kondo-seikotsuin.com/scss/_portfolio.scss

.portfolio-item {
  display: block;
  position: relative;
  overflow: hidden;
  max-width: 530px;
  margin: auto auto 1rem;
  .caption {
    display: flex;
    height: 100%;
    width: 100%;
    background-color: fade-out($gray-900, 0.8);
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    .caption-content {
      color: $white;
      margin: auto 2rem 2rem;
      h2 {
        font-size: 0.8rem;
        text-transform: uppercase;
      }
      p {
        font-weight: 300;
        font-size: 1.2rem;
      }
    }
  }
  @media(min-width: 992px) {
    max-width: none;
    margin: 0;
    .caption {
      -webkit-transition: -webkit-clip-path 0.25s ease-out, background-color 0.7s;
      -webkit-clip-path: inset(0px);
      clip-path: inset(0px);
      .caption-content {
        transition: opacity 0.25s;
        margin-left: 5rem;
        margin-right: 5rem;
        margin-bottom: 5rem;
      }
    }
    img {
      -webkit-transition: -webkit-clip-path 0.25s ease-out;
      -webkit-clip-path: inset(-1px);
      clip-path: inset(-1px);
    }
    &:hover {
      img {
        -webkit-clip-path: inset(2rem);
        clip-path: inset(2rem);
      }
      .caption {
        background-color: fade-out($primary, 0.1);
        -webkit-clip-path: inset(2rem);
        clip-path: inset(2rem);
      }
    }
  }
}

Batal

⬅ Naik ke kondo-seikotsuin.com 11 item

Nama	Tipe	Ukuran	Diubah	Aksi
📄_bootstrap-overrides.scss	scss	933 B	2019-10-03 17:34	✏️ Edit 👁️ View
📄_callout.scss	scss	360 B	2019-10-03 17:34	✏️ Edit 👁️ View
📄_footer.scss	scss	415 B	2019-10-03 17:34	✏️ Edit 👁️ View
📄_global.scss	scss	970 B	2019-10-03 17:34	✏️ Edit 👁️ View
📄_masthead.scss	scss	526 B	2019-10-03 17:34	✏️ Edit 👁️ View
📄_mixins.scss	scss	255 B	2019-10-03 17:34	✏️ Edit 👁️ View
📄_portfolio.scss	scss	1.3 KB	2019-10-03 17:34	✏️ Edit 👁️ View
📄_services.scss	scss	205 B	2019-10-03 17:34	✏️ Edit 👁️ View
📄_sidebar.scss	scss	1.7 KB	2019-10-03 17:34	✏️ Edit 👁️ View
📄_variables.scss	scss	413 B	2019-10-03 17:34	✏️ Edit 👁️ View
📄stylish-portfolio.scss	scss	205 B	2019-10-03 17:34	✏️ Edit 👁️ View