From 6132f58ced019148c5a1d4a4319da92bc99e5513 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?benjamin=20melan=C3=A7on?= Date: Mon, 23 Sep 2019 09:40:38 -0400 Subject: [PATCH] Set margin on embedded inline images ref #27 --- web/themes/custom/geofresco/src/global/_elements.scss | 7 +++++++ web/themes/custom/geofresco/src/global/global.scss | 4 ++++ 2 files changed, 11 insertions(+) diff --git a/web/themes/custom/geofresco/src/global/_elements.scss b/web/themes/custom/geofresco/src/global/_elements.scss index 4f6639c..9155b90 100644 --- a/web/themes/custom/geofresco/src/global/_elements.scss +++ b/web/themes/custom/geofresco/src/global/_elements.scss @@ -46,3 +46,10 @@ .featured-image { margin-bottom: 0.5rem; } + +// TODO consider if this would look better with margin only on the content side +// so somehow removing left margin if the inline style has float: left applied. +// Also to consider decreasing the margin on mobile sizes. +.image-inline { + margin: 1em; +} diff --git a/web/themes/custom/geofresco/src/global/global.scss b/web/themes/custom/geofresco/src/global/global.scss index 5454f6a..fadd35c 100644 --- a/web/themes/custom/geofresco/src/global/global.scss +++ b/web/themes/custom/geofresco/src/global/global.scss @@ -8,12 +8,16 @@ $green: #478D00; $green-gray: #8FB489; $offwhite: #F8F8F8; +$brown: #AD7442; // No idea where this yellow came from, apparently Bulma, but we never set it // yet it is the right color. Anyway i'm past trying to figure things out. // Re-setting it here, just so that we can assign it to Gleanings, below. $yellow: #ffdd57; // A color for each content type +$article: $green; +$blog: $blue; +$collection: $brown; $gleaning: $yellow; // Update Bulma's global variables.