Contents

@mixin content-card($name, $color) {

  .#{$name}-card {
    @extend %card;
    background-color: $color;
    color: darken($color, 20%);
    margin-bottom: $spacer-small;

    a {
      color: darken($color, 30%);
    }

    header {
      display: flex;

      .icon {
        padding: 0;
        flex: none;
        margin-right: $spacer-tiny;
      }

      h3 {
        margin: 0;
        line-height: 1em;

        a {
          text-decoration: none;
        }
      }

      ul.informations {
        list-style-type: none;
        margin: 0;
        padding: 0;
        font-size: .8em;

        li {
          display: inline;
          margin-left: $spacer-tiny;

          &:first-child {
            margin-left: 0;
          }
        }
      }
    }

    article {
      border-top: 1px dashed $color-borders;
      margin-top: $spacer-tiny;
    }

    .more {
      font-size: .8em;
      text-align: right;
    }
  }
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
elabs-2.0.0	app/assets/stylesheets/elabs/app/mixins/_content-card.scss
elabs-2.0.0.pre	app/assets/stylesheets/elabs/app/mixins/_content-card.scss