From 1b922b648effe0e19e816de85675233364352ed4 Mon Sep 17 00:00:00 2001 From: Jack Date: Sat, 13 Oct 2018 14:49:25 -0700 Subject: [PATCH] Fix very relaxed vertically divided grid divider spacing --- RELEASE-NOTES.md | 1 + src/definitions/collections/grid.less | 8 ++++---- 2 files changed, 5 insertions(+), 4 deletions(-) diff --git a/RELEASE-NOTES.md b/RELEASE-NOTES.md index ce90d2a96..2313dd6c8 100755 --- a/RELEASE-NOTES.md +++ b/RELEASE-NOTES.md @@ -5,6 +5,7 @@ **Bug Fixes** - **Embed** - Embed will now correctly remove DOM metadata on `destroy` +- **Grid** - Fix issue with `very relaxed vertically divided grid` having wrong margins on dividers ### Version 2.4.0 - Sep 17, 2018 diff --git a/src/definitions/collections/grid.less b/src/definitions/collections/grid.less index ba1b53572..9c0772298 100755 --- a/src/definitions/collections/grid.less +++ b/src/definitions/collections/grid.less @@ -1112,12 +1112,12 @@ .ui.relaxed[class*="vertically divided"].grid > .row:before { margin-left: (@relaxedGutterWidth / 2); margin-right: (@relaxedGutterWidth / 2); - width: ~"calc(100% - "@relaxedGutterWidth~")"; + width: calc(100% - @relaxedGutterWidth); } .ui[class*="very relaxed"][class*="vertically divided"].grid > .row:before { - margin-left: @veryRelaxedGutterWidth; - margin-right: @veryRelaxedGutterWidth; - width: ~"calc(100% - "@veryRelaxedGutterWidth~")"; + margin-left: (@veryRelaxedGutterWidth / 2); + margin-right: (@veryRelaxedGutterWidth / 2); + width: calc(100% - @veryRelaxedGutterWidth); } /*----------------------