Correct and reformat sample codes (#488)

sass · Oct 9, 2020 · 7c39ec5 · 7c39ec5
1 parent d98028e
commit 7c39ec5
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 10 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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