Article.scss

@import "../../assets/scss/abstracts/variables";
@import "../../assets/scss/abstracts/mixins";

.article {
  padding: 4rem;

  // Article Main Body
  &__main {
    padding: 2rem 10rem 10rem 10rem;
  }
  &__header {
  }
  &__credits {
    font-size: 16px;
    font-weight: 300;
    color: #aaa;
    line-height: 32px;
    margin-top: 2rem;
    margin-bottom: 5rem;
  }
  &__author {
  }
  &__date {
  }
  &__fig {
    margin-bottom: 5rem;
  }
  &__img {
    @include ResponsiveImage();
    &-caption {
      font-size: 16px;
      font-weight: 300;
      color: #aaa;
    }
  }
  &__content {
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 32px;
    color: #111;
  }

  &__social {
    margin: 2rem auto;
    // padding-left: 2rem;

    &-list {
      list-style: none;
      display: flex;
      margin: 0 auto;
      align-items: center;
    }

    &-link {
      @include ResetLink();
    }

    &-item {
      width: 5rem;
      align-content: center;

      &:not(:last-child) {
        margin-right: 1.5rem;
      }
    }

    &-icon {
      height: 4rem;
      fill: white;
      width: 100%;
    }
  }
  &__section {
    padding: 2rem;
  }
}