calraijintaiko/caltaiko

// Place all the styles related to the Articles controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/

.article-thumb {
  @include box-style($sub-color-3, $sub-color-2);
  margin-bottom: 5%;
  padding: 20px;
  .article-image {
    margin-bottom: 15px;
    margin-top: 10px;
  }
  a.continue-reading {
    text-decoration: underline;
  }
  .icons {
    a {
      margin-left: 15%;
      i {
        font-size: 270%;
      }
    }
  }
}

.article-thumb:first-child {
  margin-top: 2%;
}

.news-feed {
  paper-card {
    margin-bottom: 30px;

    .article-title {
      @include multi-line-clamp(
          $line-height: 1.25em, $font-size: 1.25em, $height: 2.5em);
      display: block;
      font-weight: bold;
      margin-bottom: 1em;
    }

    .article-snippet {
      @include multi-line-clamp(
          $line-height: 1em, $font-size: 1.25em, $height: 5em);
      margin-bottom: 1em;
      overflow: hidden;
      position: relative;
    }

    .continue-reading {
      color: initial;
      text-decoration: underline;
    }
  }
}