diff --git a/source/code-snippets/_example-advanced-nesting.html.md.erb b/source/code-snippets/_example-advanced-nesting.html.md.erb index 0889343a4..b16b7a314 100644 --- a/source/code-snippets/_example-advanced-nesting.html.md.erb +++ b/source/code-snippets/_example-advanced-nesting.html.md.erb @@ -32,10 +32,10 @@ uses the [`selector.unify()` function][] to combine `&` with a user's selector. .wrapper .field @include unify-parent("input") - /* ... + /* ... */ @include unify-parent("select") - /* ... + /* ... */ === .wrapper input.field { /* ... */ diff --git a/source/code-snippets/_example-if.html.erb b/source/code-snippets/_example-if.html.erb index 1df2945a8..1a9b0ae4d 100644 --- a/source/code-snippets/_example-if.html.erb +++ b/source/code-snippets/_example-if.html.erb @@ -8,8 +8,12 @@ } } - .square-av { @include avatar(100px, $circle: false); } - .circle-av { @include avatar(100px, $circle: true); } + .square-av { + @include avatar(100px, $circle: false); + } + .circle-av { + @include avatar(100px, $circle: true); + } === @mixin avatar($size, $circle: false) width: $size diff --git a/source/documentation/at-rules/use.html.md.erb b/source/documentation/at-rules/use.html.md.erb index 93abe814a..61337c6f7 100644 --- a/source/documentation/at-rules/use.html.md.erb +++ b/source/documentation/at-rules/use.html.md.erb @@ -362,13 +362,15 @@ another mixin to inject your styles. $-box-shadow: $box-shadow !global - @include styles + @mixin styles code - border-radius: $border-radius - box-shadow: $box-shadow + border-radius: $-border-radius + box-shadow: -box-shadow() --- // style.sass - @use 'library' with ($black: #222, $border-radius: 0.1rem) + @use 'library' + @include library.configure($black: #222, $border-radius: 0.1rem) + @include library.styles === code { border-radius: 0.1rem; diff --git a/source/documentation/snippets/_number-units.erb b/source/documentation/snippets/_number-units.erb index 615b002e6..d1faa6895 100644 --- a/source/documentation/snippets/_number-units.erb +++ b/source/documentation/snippets/_number-units.erb @@ -22,7 +22,7 @@ denominator. @debug 4px * 6px // 24px*px (read "square pixels") @debug 5px / 2s // 2.5px/s (read "pixels per second") @debug 5px * 30deg / 2s / 24em // 3.125px*deg/s*em - // (read "pixel-degrees per second-em") + // (read "pixel-degrees per second-em") $degrees-per-second: 20deg/1s @debug $degrees-per-second // 20deg/s diff --git a/source/documentation/values/booleans.html.md.erb b/source/documentation/values/booleans.html.md.erb index bdb0fb988..9547f1082 100644 --- a/source/documentation/values/booleans.html.md.erb +++ b/source/documentation/values/booleans.html.md.erb @@ -16,7 +16,7 @@ introduction: > @debug 10px < 3px; // false @debug math.comparable(100px, 3in); // true === - @use "sass:math"; + @use "sass:math" @debug 1px == 2px // false @debug 1px == 1px // true