From 1d78784449e8a18bb090b9f17b978efa8fd4b18c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?John=20Molakvo=C3=A6=20=28skjnldsv=29?= Date: Fri, 23 Feb 2018 17:55:00 +0100 Subject: Reduced split to 380px for 2 col on 1440px monitors MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: John Molakvoæ (skjnldsv) --- css/_details.scss | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) (limited to 'css') diff --git a/css/_details.scss b/css/_details.scss index e4168533..bbf98c5d 100644 --- a/css/_details.scss +++ b/css/_details.scss @@ -227,11 +227,12 @@ avatar.maximized .avatar-options > [class^="icon-"] { $grid-height-unit: 40px; $grid-input-padding: 7px; $grid-input-margin: 3px; +$grid-column-width: 380px; $grid-input-height-with-margin: calc(#{$grid-height-unit} - (#{$grid-input-margin} * 2)); section { display: grid; - grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); + grid-template-columns: repeat(auto-fit, minmax(#{$grid-column-width}, 1fr)); grid-column-gap: 20px; } @@ -342,7 +343,7 @@ detailsitem { display: flex; flex-wrap: wrap; position: relative; - width: 380px; + width: $grid-column-width; > div { display: inline-flex; } -- cgit v1.2.3