From b7b5c844a7262cbcfc073d4ef1b371086a117400 Mon Sep 17 00:00:00 2001 From: Chris Hill-Scott Date: Thu, 1 Nov 2018 13:51:02 +0000 Subject: [PATCH] Put pattern behind logo images So that white on transparent images are visible. --- .../stylesheets/components/email-preview-pane.scss | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/app/assets/stylesheets/components/email-preview-pane.scss b/app/assets/stylesheets/components/email-preview-pane.scss index 807069631..c615df2ad 100644 --- a/app/assets/stylesheets/components/email-preview-pane.scss +++ b/app/assets/stylesheets/components/email-preview-pane.scss @@ -5,3 +5,14 @@ min-height: 200px; margin-bottom: $gutter } + +#logo-img { + background-color: $grey-4; + background-image: linear-gradient(45deg, $grey-3 25%, transparent 25%), linear-gradient(-45deg, $grey-3 25%, transparent 25%), linear-gradient(45deg, transparent 75%, $grey-3 75%), linear-gradient(-45deg, transparent 75%, $grey-3 75%); + background-size: 20px 20px; + background-position: 0 0, 0 10px, 10px -10px, -10px 0px; + + img { + display: block; + } +}