Set margin on embedded inline images

ref #27
This commit is contained in:
benjamin melançon 2019-09-23 09:40:38 -04:00
parent 1a2b7a8b6b
commit 6132f58ced
2 changed files with 11 additions and 0 deletions

View file

@ -46,3 +46,10 @@
.featured-image { .featured-image {
margin-bottom: 0.5rem; 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;
}

View file

@ -8,12 +8,16 @@ $green: #478D00;
$green-gray: #8FB489; $green-gray: #8FB489;
$offwhite: #F8F8F8; $offwhite: #F8F8F8;
$brown: #AD7442;
// No idea where this yellow came from, apparently Bulma, but we never set it // 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. // 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. // Re-setting it here, just so that we can assign it to Gleanings, below.
$yellow: #ffdd57; $yellow: #ffdd57;
// A color for each content type // A color for each content type
$article: $green;
$blog: $blue;
$collection: $brown;
$gleaning: $yellow; $gleaning: $yellow;
// Update Bulma's global variables. // Update Bulma's global variables.