sass-site/source/code-snippets/_example-use-with.html.erb

35 lines
727 B
Plaintext
Raw Normal View History

2019-09-02 22:26:31 +02:00
<% example do %>
// _library.scss
$black: #000 !default;
$border-radius: 0.25rem !default;
$box-shadow: 0 0.5rem 1rem rgba($black, 0.15) !default;
code {
border-radius: $border-radius;
box-shadow: $box-shadow;
}
---
// style.scss
@use 'library' with (
$black: #222,
$border-radius: 0.1rem
);
===
// _library.sass
$black: #000 !default
$border-radius: 0.25rem !default
$box-shadow: 0 0.5rem 1rem rgba($black, 0.15) !default
code
border-radius: $border-radius
box-shadow: $box-shadow
---
// style.sass
@use 'library' with ($black: #222, $border-radius: 0.1rem)
===
code {
border-radius: 0.1rem;
box-shadow: 0 0.5rem 1rem rgba(#222, 0.15);
}
<% end %>