1 files changed, 52 insertions, 18 deletions

diff --git a/examples/portfolio/public/global.scss b/examples/portfolio/public/global.scss
index 3cac56a42..b5a95caf2 100644
--- a/examples/portfolio/public/global.scss
+++ b/examples/portfolio/public/global.scss
@@ -86,35 +86,69 @@ h1 {
 $colors: 'black', 'blue', 'white';
 @each $color in $colors {
   // text color
-  .tc-#{$color} { color: var(--c-#{color}); }
+  .tc-#{$color} {
+    color: var(--c-#{color});
+  }
   // background color
-  .bg-#{$color} { background-color: var(--c-#{color}); }
+  .bg-#{$color} {
+    background-color: var(--c-#{color});
+  }
 }
 
 // font size
 @for $i from 0 through 18 {
-  .f-u#{$i} { font-size: var(--f-u#{$i}); }
-  .f-d#{$i} { font-size: var(--f-d#{$i}); }
+  .f-u#{$i} {
+    font-size: var(--f-u#{$i});
+  }
+  .f-d#{$i} {
+    font-size: var(--f-d#{$i});
+  }
 }
 
 // margin & padding
 @for $i from 0 through 36 {
-  .ma#{$i} { margin: #{0.5 * $i}rem; }
-  .mt#{$i} { margin-top: #{0.5 * $i}rem; }
-  .mr#{$i} { margin-right: #{0.5 * $i}rem; }
-  .mb#{$i} { margin-bottom: #{0.5 * $i}rem; }
-  .ml#{$i} { margin-left: #{0.5 * $i}rem; }
-  .pa#{$i} { padding: #{0.5 * $i}rem; }
-  .pt#{$i} { padding-top: #{0.5 * $i}rem; }
-  .pr#{$i} { padding-right: #{0.5 * $i}rem; }
-  .pb#{$i} { padding-bottom: #{0.5 * $i}rem; }
-  .pl#{$i} { padding-left: #{0.5 * $i}rem; }
+  .ma#{$i} {
+    margin: #{0.5 * $i}rem;
+  }
+  .mt#{$i} {
+    margin-top: #{0.5 * $i}rem;
+  }
+  .mr#{$i} {
+    margin-right: #{0.5 * $i}rem;
+  }
+  .mb#{$i} {
+    margin-bottom: #{0.5 * $i}rem;
+  }
+  .ml#{$i} {
+    margin-left: #{0.5 * $i}rem;
+  }
+  .pa#{$i} {
+    padding: #{0.5 * $i}rem;
+  }
+  .pt#{$i} {
+    padding-top: #{0.5 * $i}rem;
+  }
+  .pr#{$i} {
+    padding-right: #{0.5 * $i}rem;
+  }
+  .pb#{$i} {
+    padding-bottom: #{0.5 * $i}rem;
+  }
+  .pl#{$i} {
+    padding-left: #{0.5 * $i}rem;
+  }
 }
 
 // text align
-.tac { text-align: center; }
-.tal { text-align: left; }
-.tar { text-align: right; }
+.tac {
+  text-align: center;
+}
+.tal {
+  text-align: left;
+}
+.tar {
+  text-align: right;
+}
 
 // wrapper
 .wrapper {
@@ -126,4 +160,4 @@ $colors: 'black', 'blue', 'white';
 }
 .wrapper__readable {
   max-width: 50em;
-}
\ No newline at end of file
+}