proustibat/fbrgsmn.mobile.app

.single-article-page {
  .article-content,
  .article-content * {
    color: color($colors, 'primary');
  }

  .article-content {
    img {
      height: auto;
    }

    .aligncenter {
      display: block;
      margin: 0 auto;
    }

    hr {
      background: color($colors, 'foggy-gray');
      height: 1px;
    }

    iframe,
    figure,
    .wp-caption {
      height: auto;
      width: 100% !important;
    }
  }

  ion-icon,
  button {
    a {
      text-decoration: none;
    }
  }

  .meta {
    align-items: center;
    border-bottom: 1px solid color($colors, 'foggy-gray');
    border-top: 1px solid color($colors, 'foggy-gray');

    ion-icon {
      display: block;

      &[name="link"]::before {
        vertical-align: middle;
      }

      span {
        font-family: $font-family-base;
        font-size: 1.5rem;
      }

      a {
        font-size: 1rem;
      }
    }
  }
}