Contents

@import "../tokens/shadows";

.pb_card {
  width: 300px;
  height: 200px;
  background: white;
  border: 1px solid #dedede;
  padding: 20px;
  margin: 20px 0;

  h1 {
    font-weight: normal;
    font-size: 28px;
  }

  &.shadow {
    &_shallow {
      box-shadow: $shadow_shallow;
    }
    &_default {
      box-shadow: $shadow_default;
    }
    &_deep {
      box-shadow: $shadow_deep;
    }
    &_deeper {
      box-shadow: $shadow_deeper;
    }
    &_deepest {
      box-shadow: $shadow_deepest;
    }
  }
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
playbook_ui-2.8.4	app/pb_kits/playbook/pb_card/_card.scss
playbook_ui-2.8.3	app/pb_kits/playbook/pb_card/_card.scss
playbook_ui-2.8.1	app/pb_kits/playbook/pb_card/_card.scss