Na}{

File Content: style.scss

.ui-posts {
  .uk-article-meta {
    line-height: 1.6;
    > span{
      &:not(:first-child) {
        &:before {
          content: "-";
          margin: 0 10px;
        }
      }
    }
  }
  .ui-post-thumbnail {
    img {
      width: 100%;
    }
  }
  .ui-post-tags {
    > a:not(:last-child) {
      margin-right: 8px;
    }
  }
  .ui-post-pagination {
    display: flex;
    justify-content: center;
    line-height: 1;
    > .page-numbers {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 100px;
      width: 45px;
      height: 45px;
      margin: 0 2px;
      &.current, &:hover {
        background-color: #333333;
        color: #ffffff;
      }
    }
  }
  &.style1{
    .ui-post-meta-thumb{
      z-index: 2;
    }
    .ui-post-meta-thumb.default{
      position:absolute;
      top:0;
      right:0;
      display:flex;
      span{
        padding-right:10px;
        i{
          background:#fff;
          padding:10px;
          margin-right:10px;
        }
      }
    }
    .ui-post-meta-middle{
    }
    .ui-author-avatar{
      position:absolute;
      top:-30px;
    }
    .uk-card-body{
      position:absolute;
      -webkit-transition: all 0.3s ease-in-out 0s;
      -moz-transition: all 0.3s ease-in-out 0s;
      -ms-transition: all 0.3s ease-in-out 0s;
      -o-transition: all 0.3s ease-in-out 0s;
      transition: all 0.3s ease-in-out 0s;
    }
    .uk-card-footer{
      padding:0 !important;
      width:80px;
      .ui-post-meta-footer{
        display:flex;
        flex-direction: column;
        justify-content: center;
        span{
          border-bottom:1px solid #f3f3f3;
          padding:20px 0;
          text-align: center;
          span{
            display:none;
          }
          i{
            display: block;
            padding:3px 0;
          }
        }
      }
    }
    .uk-article{
      overflow: hidden;
    }
  }
  .ui-post-thumb-box{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow: hidden;
    &.flash-effect{
      &:before {
        position: absolute;
        top: 0;
        left: -100%;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
        transform: skewX(-25deg);
        z-index: 2;
      }
      &:hover {
        &:before {
          -webkit-animation: slide 1.3s;
          animation: slide 1.3s;
        }
      }
    }

}
}
@keyframes slide {
  0% {left:-100%;}
  100% {left:125%;}
}

Name	Size	Permission
style.css	2793 bytes	0644
style.css.map	576 bytes	0644
style.scss	2748 bytes	0644