From f32b3ddd8fc5a76ab9a10f5ac7f30ca39cc9e597 Mon Sep 17 00:00:00 2001 From: Griborim Date: Thu, 20 Oct 2016 01:04:13 +0200 Subject: [PATCH] add .flexibleCategoryList --- .../files/style/layout/containerList.scss | 58 +++++++++++++++++++ 1 file changed, 58 insertions(+) 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; + } + } +} -- 2.20.1