Use prettier for SCSS (#3895)
[GitHub/WoltLab/WCF.git] / wcfsetup / install / files / style / ui / alert.scss
index c0789160df224322fe1461d29158aa64b8c2bbd3..dfb7676f7fa8d1b0e91e5d48c66c05669d103ecd 100644 (file)
@@ -4,18 +4,18 @@
 .warning {
        border-left: 5px solid transparent;
        margin-top: 20px;
-       
+
        @include screen-md-up {
                padding: 10px 20px;
        }
-       
+
        @include screen-sm-down {
                padding: 10px;
        }
-       
+
        a {
                @include wcfFontBold;
-               
+
                &:hover {
                        text-decoration: underline;
                }
        background-color: $wcfStatusErrorBackground;
        border-color: $wcfStatusErrorBorder;
        color: $wcfStatusErrorText;
-       
+
        a {
                color: $wcfStatusErrorLink;
-               
+
                &:hover {
                        color: $wcfStatusErrorLinkActive;
                }
        background-color: $wcfStatusInfoBackground;
        border-color: $wcfStatusInfoBorder;
        color: $wcfStatusInfoText;
-       
+
        a {
                color: $wcfStatusInfoLink;
-               
+
                &:hover {
                        color: $wcfStatusInfoLinkActive;
                }
        background-color: $wcfStatusSuccessBackground;
        border-color: $wcfStatusSuccessBorder;
        color: $wcfStatusSuccessText;
-       
+
        a {
                color: $wcfStatusSuccessLink;
-               
+
                &:hover {
                        color: $wcfStatusSuccessLinkActive;
                }
        background-color: $wcfStatusWarningBackground;
        border-color: $wcfStatusWarningBorder;
        color: $wcfStatusWarningText;
-       
+
        a {
                color: $wcfStatusWarningLink;
-               
+
                &:hover {
                        color: $wcfStatusWarningLinkActive;
                }
@@ -81,7 +81,7 @@
 .innerError,
 .innerInfo,
 .innerSuccess,
-.innerWarning{
+.innerWarning {
        display: table;
        line-height: 1.5;
        margin-top: 8px;
        &::before {
                border-bottom-color: rgb(242, 222, 222);
        }
-       
+
        a {
                color: $wcfStatusErrorLink;
-               
+
                &:hover {
                        color: $wcfStatusErrorLinkActive;
                }
 .innerSuccess {
        background-color: $wcfStatusSuccessBackground;
        color: $wcfStatusSuccessText;
-       
+
        &::before {
                border-bottom-color: $wcfStatusSuccessBackground;
        }
-       
+
        a {
                color: $wcfStatusSuccessLink;
-               
+
                &:hover {
                        color: $wcfStatusSuccessLinkActive;
                }
 .innerWarning {
        background-color: $wcfStatusWarningBackground;
        color: $wcfStatusWarningText;
-       
+
        &::before {
                border-bottom-color: $wcfStatusWarningBackground;
        }
-       
+
        a {
                color: $wcfStatusWarningLink;
-               
+
                &:hover {
                        color: $wcfStatusWarningLinkActive;
                }
        right: 0;
        position: fixed;
        z-index: 600;
-       
+
        .error,
        .info,
        .success,
                border-top-style: solid;
                margin-top: 0;
                padding: 10px 0;
-               
+
                @include screen-sm-down {
                        @include wcfFontSmall;
                }
        }
-       
+
        .cookiePolicyNotice {
                .layoutBoundary {
                        display: flex;
                        align-items: center;
-                       
+
                        @include screen-sm-down {
                                flex-wrap: wrap;
                        }
                }
-               
+
                .cookiePolicyNoticeText {
                        flex: 1 1 auto;
-                       
+
                        @include screen-sm-down {
                                flex-basis: 100%;
                                margin-bottom: 5px;
                        }
                }
-               
+
                .cookiePolicyNoticeMoreInformation,
                .cookiePolicyNoticeDismiss {
                        flex: 0 0 auto;
                }
-               
+
                .cookiePolicyNoticeDismiss {
                        margin-left: 5px;
                }
 .innerInfo {
        background-color: $wcfStatusInfoBackground;
        color: $wcfStatusInfoText;
-       
+
        &::before {
                border-bottom-color: $wcfStatusInfoBackground;
        }
-       
+
        a {
                color: $wcfStatusInfoLink;
-               
+
                &:hover {
                        color: $wcfStatusInfoLinkActive;
                }
 /* dismiss icon */
 .noticeDismissible > .jsDismissNoticeButton {
        float: right;
-       
+
        @include screen-md-down {
                font-size: 18px;
                height: 24px;