Use prettier for SCSS (#3895)

[GitHub/WoltLab/WCF.git] / wcfsetup / install / files / style / ui / button.scss

diff --git a/wcfsetup/install/files/style/ui/button.scss b/wcfsetup/install/files/style/ui/button.scss
index 32b440acec53d5c7aef9875da6ce1a4a2a5a02da..35a71547df97a09a246765a1c905d0cc7e7786d4 100644 (file)
--- a/wcfsetup/install/files/style/ui/button.scss
+++ b/wcfsetup/install/files/style/ui/button.scss
@@ -3,7 +3,8 @@ input[type="button"],
 input[type="reset"],
 input[type="submit"],
 .button,
-a.button { // a.button is required to override link formatting, such as drop-down buttons
+a.button {
+       // a.button is required to override link formatting, such as drop-down buttons
        background-color: $wcfButtonBackground;
        border-radius: 2px;
        border-width: 0;
@@ -14,38 +15,38 @@ a.button { // a.button is required to override link formatting, such as drop-dow
        margin: 0;
        padding: 8px 18px;
        text-decoration: none;
-       
+
        // input elements do not inherit font family, size and line-height from body
        font-family: $wcfFontFamily;
        @include wcfFontDefault;
        @include wcfLineHeight;
-       
+
        // removes UA styling enforced by Safari on iOS
        -webkit-appearance: none;
-       
+
        @include userSelectNone;
-       
+
        .icon {
                color: inherit;
        }
-       
+
        &.active {
                background-color: $wcfButtonBackgroundActive;
                color: $wcfButtonTextActive;
                text-decoration: none;
        }
-       
+
        &:not(.inputPrefix) {
                text-transform: uppercase;
        }
-       
+
        &.small {
                padding: 6px 8px;
                text-transform: none;
-               
+
                @include wcfFontSmall;
        }
-       
+
        small {
                color: inherit;
        }
@@ -55,10 +56,11 @@ button.buttonPrimary,
 input[type="button"].buttonPrimary,
 input[type="submit"],
 .button.buttonPrimary,
-a.button.buttonPrimary { // a.button is required to override link formatting, such as dropdown buttons
+a.button.buttonPrimary {
+       // a.button is required to override link formatting, such as dropdown buttons
        background-color: $wcfButtonPrimaryBackground;
        color: $wcfButtonPrimaryText;
-       
+
        &.active {
                background-color: $wcfButtonPrimaryBackgroundActive;
                color: $wcfButtonPrimaryTextActive;
@@ -79,12 +81,13 @@ html:not(.touch) {
                        text-decoration: none;
                }
        }
-       
+
        button.buttonPrimary,
        input[type="button"].buttonPrimary,
        input[type="submit"],
        .button.buttonPrimary,
-       a.button.buttonPrimary { // a.button is required to override link formatting, such as dropdown buttons
+       a.button.buttonPrimary {
+               // a.button is required to override link formatting, such as dropdown buttons
                &:hover {
                        background-color: $wcfButtonPrimaryBackgroundActive;
                        color: $wcfButtonPrimaryTextActive;
@@ -119,7 +122,7 @@ a.button {
                background-color: $wcfButtonBackgroundActive;
                color: $wcfButtonTextActive;
        }
-       
+
        > button.buttonPrimary,
        > input[type="button"].buttonPrimary,
        > input[type="submit"],
@@ -132,27 +135,27 @@ a.button {
 
 .buttonList {
        @include inlineList;
-       
+
        &.smallButtons .button {
                padding: 6px 8px;
                text-transform: none;
-               
+
                @include wcfFontSmall;
        }
-       
+
        /* members list */
        &.letters {
                margin-bottom: -10px;
-               
+
                > li {
                        flex: 0 0 auto;
                        margin-bottom: 10px;
                        width: 10%;
-                       
+
                        &.lettersReset {
                                width: auto;
                        }
-                       
+
                        > a {
                                display: block;
                                min-width: -moz-min-content;
@@ -170,26 +173,26 @@ a.button {
 
 .buttonGroup {
        margin-bottom: -1px;
-       
+
        @include inlineList;
-       
+
        > li {
                margin-bottom: 1px;
-               
+
                &:not(:last-child) {
                        margin-right: 1px;
                }
-               
+
                &:first-child .button {
                        border-top-left-radius: 2px;
                        border-bottom-left-radius: 2px;
                }
-               
+
                &:last-child .button {
                        border-top-right-radius: 2px;
                        border-bottom-right-radius: 2px;
                }
-               
+
                .button {
                        border-radius: 0;
                        border-width: 0;