@import "@css[shared]/components/articles/_articles-side";

.articles-side {
   h4 {
      border-top: 0;
      margin: 0;
      padding: 20px 0 10px;
   }
}

.article-tags {
   position: relative;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   font-size: $font-size-smaller;

   a {
      @include underline-never;

      padding: 5px 8px 2px;
      border: 1px solid $border-color;
      border-radius: $border-radius-base;
      margin-right: 5px;
      margin-bottom: 5px;
      transition: all $transition-speed;

      @include haf {
         border-color: $black;
      }
   }
}


.article-small {
   margin-bottom: 25px;
   width: 100%;
   padding: 0;

   p {
      margin-bottom: 0;
   }

   a {
      color: $black;
   }

   .article-data {
      font-size: $font-size-smaller;

      span:last-child {
         @include delete-after;
      }
   }

   .title {
      font-size: $font-size-h5;
      margin-bottom: 0;
   }

   img {
      margin-bottom: 10px;
   }
}


.article-author {
   border: 1px solid $border-color;
   border-radius: $border-radius-base;
   padding: 25px 20px 20px;
   text-align: center;
   font-size: $font-size-smaller;

   img {
      margin: 0 auto 15px;
      border-radius: 50%;
   }

   p {
      margin-bottom: 0;
   }

   .author-name {
      p:not(.h4) {
         color: $text-muted;
      }

      .h4 {
         margin-bottom: 5px;
      }
   }
}
