40 lines
746 B
SCSS
40 lines
746 B
SCSS
@import "colors";
|
|
@import "constants";
|
|
|
|
.card {
|
|
padding: ($default-spacer * 3) ($default-spacer * 2);
|
|
border: 1px solid $border-grey;
|
|
margin-bottom: $default-spacer * 2;
|
|
background: #FFFFFF;
|
|
|
|
.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;
|
|
}
|
|
}
|
|
|
|
p:not(:last-of-type) {
|
|
margin-bottom: $default-spacer;
|
|
}
|
|
}
|