diff options
Diffstat (limited to 'examples/snowpack/public/styles/_utils.scss')
| -rw-r--r-- | examples/snowpack/public/styles/_utils.scss | 54 |
1 files changed, 40 insertions, 14 deletions
diff --git a/examples/snowpack/public/styles/_utils.scss b/examples/snowpack/public/styles/_utils.scss index d61627ddb..ace88d71d 100644 --- a/examples/snowpack/public/styles/_utils.scss +++ b/examples/snowpack/public/styles/_utils.scss @@ -4,22 +4,48 @@ // 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 { @@ -32,4 +58,4 @@ .wrapper__readable { max-width: 55em; -}
\ No newline at end of file +} |