Sha256: 99ef10bcaa6daae0c06fa16f009310d05aade59a9547f01f7bfae24ebe1b00de

Contents?: true

Size: 737 Bytes

Versions: 7

Compression:

Stored size: 737 Bytes

Contents

// Card Component
// ========================================


// Variables
$card-background:    $white-base;
$card-border:        1px solid $grey-base;
$card-border-radius: 3px;
$card-padding:       20px;

// Structure
.card {
  @include rem(padding, $card-padding);
  background-color: $card-background;
  border: $card-border;
  border-radius: $card-border-radius;
  overflow: hidden;
}

.card-image {
  @include rem(margin, 20px auto);
  border: $card-border;
  border-radius: 30em;
  overflow: hidden;

  img {
    height: 100%;
    width: 100%;
  }
}

.card-image--avatar {
  @include rem(height, 100px);
  @include rem(width, 100px);
}

.card-image--featured_image {
  @include rem(height, 175px);
  @include rem(width, 175px);
}

Version data entries

7 entries across 7 versions & 1 rubygems

Version Path
fuel-0.3.27 app/assets/stylesheets/fuel/components/_card.scss
fuel-0.3.26 app/assets/stylesheets/fuel/components/_card.scss
fuel-0.3.25 app/assets/stylesheets/fuel/components/_card.scss
fuel-0.3.24 app/assets/stylesheets/fuel/components/_card.scss
fuel-0.3.23 app/assets/stylesheets/fuel/components/_card.scss
fuel-0.3.22 app/assets/stylesheets/fuel/components/_card.scss
fuel-0.3.21 app/assets/stylesheets/fuel/components/_card.scss