Small style optimization

diff --git a/wcfsetup/install/files/style/layout.less b/wcfsetup/install/files/style/layout.less
index 33305ecb8e6e9cc0cb265c6c95283836e1c372a7..1ebe30bb53ae1acfc2a845067b259bc4dc234b28 100644 (file)
--- a/wcfsetup/install/files/style/layout.less
+++ b/wcfsetup/install/files/style/layout.less
@@ -683,6 +683,44 @@
        }
 }
 
+.containerBoxList {
+       margin-bottom: -@wcfGapSmall;
+       
+       > li {
+               margin-bottom: @wcfGapSmall; 
+               
+               > div {
+                       overflow: hidden;
+                       white-space: nowrap;
+               }
+       }
+       
+       &.doubleColumned,
+       &.tripleColumned {
+               .clearfix();
+               
+               > li {
+                       float: left;
+                       
+                       > div {
+                               margin-right: @wcfGapLarge;
+                       }
+               }
+       }
+       
+       &.doubleColumned {
+               > li {
+                       width: 50%;
+               }
+       }
+       
+       &.tripleColumned {
+               > li {
+                       width: 33%;
+               }
+       }
+}
+
 /* boxes with an image */
 .box(@imageSize, @gapOffset: 0) {
        /* using a min-height prevents us from clearing (which causes a lot of issues) */