Use prettier for SCSS (#3895)

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

diff --git a/wcfsetup/install/files/style/ui/tabularBox.scss b/wcfsetup/install/files/style/ui/tabularBox.scss
index 8f48a5dc57dc6267685589830204c07f52f295bb..c41f93de88d67aea45aab1ca4c69a0035ea32a4b 100644 (file)
--- a/wcfsetup/install/files/style/ui/tabularBox.scss
+++ b/wcfsetup/install/files/style/ui/tabularBox.scss
@@ -7,12 +7,12 @@
 .tabularListRow {
        flex: 0 0 auto;
        padding: 5px 0;
-       transition: background-color .12s;
-       
+       transition: background-color 0.12s;
+
        &.divider + li:not(.divider) {
                border-top-color: $wcfContentBorder;
        }
-       
+
        &:not(.tabularListRowHead):hover {
                background-color: $wcfTabularBoxBackgroundActive;
        }
@@ -21,7 +21,7 @@
 .tabularListRowHead {
        border-bottom: 2px solid currentColor;
        color: $wcfTabularBoxHeadline;
-       
+
        & + li {
                border-top-width: 0 !important;
        }
@@ -34,7 +34,7 @@
 .tabularListColumns {
        align-items: center;
        display: flex;
-       
+
        > li {
                flex: 0 0 auto;
                padding: 5px 10px;
@@ -43,19 +43,19 @@
 
 .tabularListRowHead > .tabularListColumns > li {
        color: $wcfTabularBoxHeadline;
-       
+
        @include wcfFontHeadline;
-       
+
        > a {
                color: $wcfTabularBoxHeadline;
                display: block;
        }
-       
+
        &.ASC > a,
        &.DESC > a {
                padding-right: 18px;
                position: relative;
-               
+
                &:after {
                        display: inline-block;
                        font-family: FontAwesome;
@@ -63,17 +63,17 @@
                        position: absolute;
                }
        }
-       
+
        &.ASC > a:after {
                content: $fa-var-caret-up;
                top: 1px;
        }
-       
+
        &.DESC > a:after {
                content: $fa-var-caret-down;
                top: 2px;
        }
-       
+
        &.active > a,
        > a:hover {
                color: $wcfTabularBoxHeadlineActive;
@@ -89,33 +89,33 @@
                border-bottom: 1px solid currentColor;
                color: $wcfTabularBoxHeadline;
                padding: 10px 0;
-               
+
                > h1,
                > h2,
                > h3 {
                        @include wcfFontHeadline;
-                       
+
                        + small {
                                display: block;
                        }
-                       
+
                        .badge {
                                top: -2px;
                        }
                }
-               
+
                a,
                .icon {
                        color: $wcfTabularBoxHeadline;
-                       
+
                        &:hover {
                                color: $wcfTabularBoxHeadlineActive;
                        }
                }
-               
+
                .collapsibleButton {
                        cursor: pointer;
-                       transition: transform .12s linear;
+                       transition: transform 0.12s linear;
                }
        }
 }
@@ -126,37 +126,37 @@
        border-bottom: 1px solid $wcfContentBorder;
        border-spacing: 0;
        width: 100%;
-       
+
        td,
        th {
                padding: 10px;
                text-align: left;
                vertical-align: middle;
-               
+
                > label {
                        cursor: pointer;
                        display: block;
                }
        }
-       
+
        th {
                border-bottom: 2px solid currentColor;
                color: $wcfTabularBoxHeadline;
                text-align: left;
                white-space: nowrap;
-               
+
                @include wcfFontHeadline;
-               
+
                > a {
                        color: $wcfTabularBoxHeadline;
                        display: block;
                }
-               
+
                &.active > a,
                > a:hover {
                        color: $wcfTabularBoxHeadlineActive;
                }
-               
+
                &.ASC,
                &.DESC {
                        > a::after {
@@ -165,28 +165,28 @@
                                margin-left: 5px;
                        }
                }
-               
+
                &.ASC > a::after {
                        content: $fa-var-caret-up;
                }
-               
+
                &.DESC > a::after {
                        content: $fa-var-caret-down;
                }
-               
+
                /* alignment only */
                &.columnMark,
                &.columnStatus {
                        text-align: center;
                }
-               
+
                &.columnDate,
                &.columnDigits,
                &.columnID {
                        text-align: right;
                }
        }
-       
+
        td {
                &.columnMark,
                &.columnStatus {
@@ -195,7 +195,7 @@
                        white-space: nowrap;
                        word-wrap: normal;
                }
-               
+
                &.columnDigits,
                &.columnID {
                        text-align: right;
@@ -203,40 +203,41 @@
                        white-space: nowrap;
                        word-wrap: normal;
                }
-               
+
                &.columnIcon {
                        text-align: left;
                        width: 1px;
                        white-space: nowrap;
                        word-wrap: normal;
                }
-               
+
                &.columnTitle {
                        font-weight: 600;
                        text-align: left;
                }
-               
+
                &.columnText {
                        font-weight: normal;
                        text-align: left;
                        max-width: 20%;
                }
-               
+
                &.columnDate {
                        text-align: right;
                        width: 1px;
                        white-space: nowrap;
                        word-wrap: normal;
-                       
+
                        @include wcfFontSmall;
                }
-               
-               &.columnURL, &.columnSmallText {
+
+               &.columnURL,
+               &.columnSmallText {
                        text-align: left;
-                       
+
                        @include wcfFontSmall;
                }
-               
+
                &.columnTitle,
                &.columnText,
                &.columnURL,
@@ -245,7 +246,7 @@
                                min-width: 200px;
                        }
                }
-               
+
                &.columnIcon {
                        @include screen-md-down {
                                :not(.button) > .icon16,
@@ -258,30 +259,30 @@
                        }
                }
        }
-       
+
        tr {
                &:hover > td {
                        background-color: rgb(242, 242, 242);
                }
-               
+
                &:not(:last-child) > td {
                        border-bottom: 1px solid $wcfContentBorderInner;
                }
        }
-       
+
        .statusDisplay {
                float: right;
-               
+
                .statusIcons {
                        float: right;
                        margin-left: 5px;
-                       
+
                        li {
                                display: inline-block;
                        }
                }
        }
-       
+
        // table without header
        tbody:first-child > tr:first-child > td {
                border-top: 1px solid $wcfContentBorder;