@import "colors"; @import "constants"; .card { padding: ($default-spacer * 3) ($default-spacer * 2); border: 1px solid $border-grey; margin-bottom: $default-spacer * 2; .card-title { font-weight: bold; font-size: 20px; margin-bottom: $default-spacer * 2; } &.featured { border-top: 8px solid $blue; .card-title { color: $blue; } } &.feedback { max-width: 600px; margin: 30px auto; padding: ($default-spacer * 2) ($default-spacer * 4); font-size: small; border: 1px dashed $border-grey; background: $light-yellow; .card-title { margin-bottom: $default-spacer; } } }