25name scss

1/* This CSS will print because %message-shared is extended. */
2%message-shared {
3  border: 1px solid #ccc;
4  padding: 10px;
5  color: #333;
6}
7
8// This CSS won't print because %equal-heights is never extended.
9%equal-heights {
10  display: flex;
11  flex-wrap: wrap;
12}
13
14.message {
15  @extend %message-shared;
16}
17
18.success {
19  @extend %message-shared;
20  border-color: green;
21}
22
23.error {
24  @extend %message-shared;
25  border-color: red;
26}
27
28.warning {
29  @extend %message-shared;
30  border-color: yellow;
31}