Use prettier for SCSS (#3895)
[GitHub/WoltLab/WCF.git] / wcfsetup / install / files / style / ui / contentItem.scss
index 155e641b5b577d213768c575b9781dbe6e61e444..dc2d09a5b307afa1572fb2d53b9aa77fe6334169 100644 (file)
@@ -7,7 +7,7 @@
 .contentItem {
        background-color: $wcfContentBackground;
        border-radius: 3px;
-       box-shadow: 0 0 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
+       box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        display: flex;
        flex-direction: column;
        margin: 0 0 20px 20px;
@@ -50,7 +50,7 @@
        max-height: 150px;
        overflow: hidden;
        position: relative;
-       
+
        &::after {
                background-image: linear-gradient(to top, $wcfContentBackground, transparent);
                bottom: 0;
@@ -99,7 +99,7 @@
 .contentItemBadge,
 .contentItemOption {
        flex: 0 auto;
-       
+
        &:not(:first-child) {
                margin-top: 5px;
        }
 .contentItemCategory {
        color: $wcfContentDimmedText;
        text-transform: uppercase;
-       
+
        @include wcfFontSmall;
 }
 
 .contentItemTitle {
        color: $wcfContentHeadlineLink;
-       
+
        @include wcfFontHeadline;
        @include wcfFontBold;
-       
+
        &:hover {
                color: $wcfContentHeadlineLinkActive;
        }
 .contentItemDescription {
        color: $wcfContentText;
        margin-top: 10px;
-       
+
        img {
                height: auto !important;
                max-width: 100%;
        display: flex;
        flex: 0 auto;
        padding: 10px;
-       
+
        .icon {
                color: inherit;
        }
 
 .contentItemMetaAuthor {
        color: $wcfContentText;
-       
+
        a,
        a:hover {
                color: inherit;
 
 .contentItemMetaIcon {
        flex: 0 auto;
-       
+
        &:not(:first-child) {
                margin-left: 10px;
        }
 
 .contentItemImagePreview {
        border-radius: 3px;
-       box-shadow: 0 0 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
+       box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        margin-bottom: 10px;
        max-width: 100%;
 }
        display: flex;
        flex-wrap: wrap;
        margin-left: -10px;
-       
+
        > .button {
                flex: 0 auto;
                margin-left: 10px;
        }
-       
+
        > .innerError {
                flex: 0 0 100%;
                margin-left: 10px;
        .contentItemList {
                display: block;
        }
-       
+
        .contentItemMultiColumn {
                max-width: none;
        }