From: Griborim <griborim@outlook.de>
Date: Wed, 19 Oct 2016 23:04:13 +0000 (+0200)
Subject: add .flexibleCategoryList
X-Git-Tag: 3.0.0_Beta_3~6^2^2
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=f32b3ddd8fc5a76ab9a10f5ac7f30ca39cc9e597;p=GitHub%2FWoltLab%2FWCF.git

add .flexibleCategoryList
---

diff --git a/wcfsetup/install/files/style/layout/containerList.scss b/wcfsetup/install/files/style/layout/containerList.scss
index 1740a54d0f..2411de62e1 100644
--- a/wcfsetup/install/files/style/layout/containerList.scss
+++ b/wcfsetup/install/files/style/layout/containerList.scss
@@ -212,3 +212,61 @@
 		overflow: hidden;
 	}
 }
+
+.flexibleCategoryList {
+    position: relative;
+    
+    > li {
+        margin-bottom: 14px;
+        
+        > ol {
+            margin-left: 21px;
+        }
+        
+        > ol > li > ol {
+            margin-bottom: 7px;
+            margin-left: 21px;
+            
+            > li {
+                font-size: $wcfFontSizeSmall;
+            }
+        }
+    }
+}
+
+@include screen-md-up {
+    .flexibleCategoryList:not(.flexibleCategoryListDisabled) {
+        /* WebKit */
+        -webkit-column-count: 2;
+        
+        /* Firefox */
+        -moz-column-count: 2;
+        
+        /* CSS 3 / Internet Explorer */
+        column-count: 2;
+        
+        > li {
+            /* WebKit */
+            -webkit-column-break-inside: avoid;
+            
+            /* CSS 3 / Internet Explorer */
+            break-inside: avoid;
+            
+            > ol > li > ol {
+                font-size: 0;
+                
+                > li {
+                    display: inline-block;
+                }
+            }
+        }
+    }
+    
+    /* Firefox */
+    @-moz-document url-prefix() {
+        .flexibleCategoryList:not(.flexibleCategoryListDisabled) > li {
+            display: block;
+            overflow: hidden;
+        }
+    }
+}