Use prettier for SCSS (#3895)

[GitHub/WoltLab/WCF.git] / wcfsetup / install / files / style / layout / global.scss

diff --git a/wcfsetup/install/files/style/layout/global.scss b/wcfsetup/install/files/style/layout/global.scss
index 33af4821333e209ad19dde246f2a30beb2c77b70..28fcfd36776ae60a65260cb1d094496fa6877e67 100644 (file)
--- a/wcfsetup/install/files/style/layout/global.scss
+++ b/wcfsetup/install/files/style/layout/global.scss
@@ -1,14 +1,14 @@
 .layoutBoundary {
        margin: 0 auto;
-       
+
        @include screen-md-down {
                padding: 0 10px;
                width: 100%;
        }
-       
+
        @include screen-lg {
                padding: 0 20px;
-               
+
                @if $useFluidLayout == 1 {
                        min-width: $wcfLayoutMinWidth;
                        max-width: $wcfLayoutMaxWidth;
@@ -28,20 +28,37 @@
 }
 
 .monospace {
-       font-family: Consolas, 'Courier New', monospace !important;
+       font-family: Consolas, "Courier New", monospace !important;
 }
 
 /* boxes with an image */
-.box16 { @include box(16px, 5px); }
-.box24 { @include box(24px, 8px); }
-.box32 { @include box(32px, 10px); }
-.box48 { @include box(48px, 12px); }
-.box64 { @include box(64px, 15px); }
-.box96 { @include box(96px, 15px); }
-.box128 { @include box(128px, 20px); }
-.box256 { @include box(256px, 30px); }
-
-small, .small {
+.box16 {
+       @include box(16px, 5px);
+}
+.box24 {
+       @include box(24px, 8px);
+}
+.box32 {
+       @include box(32px, 10px);
+}
+.box48 {
+       @include box(48px, 12px);
+}
+.box64 {
+       @include box(64px, 15px);
+}
+.box96 {
+       @include box(96px, 15px);
+}
+.box128 {
+       @include box(128px, 20px);
+}
+.box256 {
+       @include box(256px, 30px);
+}
+
+small,
+.small {
        @include wcfFontSmall;
 }
 
@@ -58,25 +75,25 @@ img {
        position: absolute;
        top: 0;
        transform: translateY(-100%);
-       
+
        &.center {
                left: 50%;
                transform: translateX(-50%) translateY(-100%);
        }
-       
+
        &.left {
                left: 4px;
        }
-       
+
        &.right {
                right: 4px;
        }
-       
+
        &.flipVertical {
                bottom: 0;
                top: auto;
                transform: translateY(100%);
-               
+
                &.center {
                        transform: translateX(-50%) translateY(100%);
                }
@@ -97,48 +114,54 @@ ol.nativeList {
 /* simulate native HTML styles for certain elements */
 .htmlContent {
        @include clearfix;
-               
+
        img {
                max-width: 100%;
        }
-       
+
        > :first-child {
                margin-top: 0 !important;
        }
-       
+
        > :last-child {
                margin-bottom: 0 !important;
        }
-       
+
        p {
                //margin: 1em 0;
                margin: 0;
        }
-       
+
        h1 {
                @include wcfFontTitle;
        }
-       
+
        h2 {
                @include wcfFontSection;
        }
-       
+
        h3 {
                @include wcfFontHeadline;
        }
-       
-       h1, h2, h3, h4, h5, h6 {
+
+       h1,
+       h2,
+       h3,
+       h4,
+       h5,
+       h6 {
                margin: 1.5em 0 1em 0;
        }
-       
-       ul, ol {
+
+       ul,
+       ol {
                @include nativeList;
        }
-       
+
        ul {
                list-style-type: disc;
        }
-       
+
        ol {
                list-style-type: decimal;
        }