// *************************************
//
//   Card
//   -> Individual style containers
//
// -------------------------------------
//   Template (Haml)
// -------------------------------------
//
// .card[.card--error|success|warning]
//
// *************************************

.card
  @extend .por
  @extend .ram
  background: $card-background
  box-shadow: $b-boxShadow
  padding: $b-whitespace

// -------------------------------------
//   Modifiers
// -------------------------------------

// ----- Types ----- //

.card--error
  box-shadow: none
  border: $card-borderWidth $b-borderStyle $c-error

.card--success
  box-shadow: none
  border: $card-borderWidth $b-borderStyle $c-success

.card--warning
  box-shadow: none
  border: $card-borderWidth $b-borderStyle $c-warning


// *************************************
//
//   Card
//   -> Individual style containers
//
// -------------------------------------
//   Template (Haml)
// -------------------------------------
//
// .card[.card--error|success|warning]
//
// *************************************

.card
  @extend .pas
  @extend .por
  @extend .ram
  background: $card-background
  box-shadow: $b-boxShadow
  +respond-to($grid-breakpoint-desk)
    padding: $b-whitespace

// -------------------------------------
//   Modifiers
// -------------------------------------

// ----- Types ----- //

.card--error
  box-shadow: none
  border: $card-borderWidth $b-borderStyle $c-error

.card--success
  box-shadow: none
  border: $card-borderWidth $b-borderStyle $c-success

.card--warning
  box-shadow: none
  border: $card-borderWidth $b-borderStyle $c-warning


Adjust the card responsive padding
Adjust the card responsive padding
