mirror of
https://github.com/danog/sass-site.git
synced 2024-12-11 08:59:51 +01:00
b8d1399aa5
* Update snippets to use placeholder class * Update docs text with placeholder reference * Additional edits for clarity in how this works * Add non extended placeholder example
34 lines
502 B
Markdown
34 lines
502 B
Markdown
```scss
|
|
// This CSS won't print because %equal-heights is never extended.
|
|
%equal-heights {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
// This CSS will print because %message-shared is extended.
|
|
%message-shared {
|
|
border: 1px solid #ccc;
|
|
padding: 10px;
|
|
color: #333;
|
|
}
|
|
|
|
.message {
|
|
@extend %message-shared;
|
|
}
|
|
|
|
.success {
|
|
@extend %message-shared;
|
|
border-color: green;
|
|
}
|
|
|
|
.error {
|
|
@extend %message-shared;
|
|
border-color: red;
|
|
}
|
|
|
|
.warning {
|
|
@extend %message-shared;
|
|
border-color: yellow;
|
|
}
|
|
```
|