diff --git a/package.json b/package.json index 0105885..7990c77 100644 --- a/package.json +++ b/package.json @@ -30,7 +30,7 @@ "git add" ], "src/**/*.{json,css,scss,md}": [ - "prettier --write", + "prettier --write --tab-width 4", "git add" ] }, diff --git a/src/App.scss b/src/App.scss index c6f0d11..20b3337 100644 --- a/src/App.scss +++ b/src/App.scss @@ -15,19 +15,19 @@ limitations under the License. */ @mixin spacer { - width: 100%; - flex-grow: 1; - flex-shrink: 0; + width: 100%; + flex-grow: 1; + flex-shrink: 0; } .topSpacer { - @include spacer; + @include spacer; - height: 30vh; + height: 30vh; } .bottomSpacer { - @include spacer; + @include spacer; - height: 10vh; + height: 10vh; } diff --git a/src/index.scss b/src/index.scss index 6543fbd..768e16e 100644 --- a/src/index.scss +++ b/src/index.scss @@ -19,8 +19,8 @@ limitations under the License. // CSS reset * { - box-sizing: border-box; - margin: 0; + box-sizing: border-box; + margin: 0; } // Styling for universal elements @@ -28,19 +28,19 @@ limitations under the License. html, body, #root { - height: 100%; - width: 100%; + height: 100%; + width: 100%; - font-family: Helvetica Neue; - font-style: normal; + font-family: Helvetica Neue; + font-style: normal; - background-color: $app-background; - color: $font; + background-color: $app-background; + color: $font; } h1 { - font-weight: bold; - font-size: 24px; - line-height: 32px; - text-align: center; + font-weight: bold; + font-size: 24px; + line-height: 32px; + text-align: center; } diff --git a/src/layouts/SingleColumn.scss b/src/layouts/SingleColumn.scss index 0a64ded..d28f7a9 100644 --- a/src/layouts/SingleColumn.scss +++ b/src/layouts/SingleColumn.scss @@ -1,11 +1,11 @@ .singleColumnLayout { - height: 100%; + height: 100%; - padding: 0 1em; - margin: 0 auto; + padding: 0 1em; + margin: 0 auto; - max-width: 550px; + max-width: 550px; - display: flex; - flex-direction: column; + display: flex; + flex-direction: column; }