From c3b31b1328825977ddf2f2e4040e2baa177f40fb Mon Sep 17 00:00:00 2001 From: Leonardo Merlin Date: Wed, 11 Nov 2015 18:40:01 -0200 Subject: [PATCH] Add: image-box content style --- src/app/content.scss | 32 ++++++++++++++++++++++++++++++++ 1 file changed, 32 insertions(+), 0 deletions(-) create mode 100644 src/app/content.scss diff --git a/src/app/content.scss b/src/app/content.scss new file mode 100644 index 0000000..2d541ac --- /dev/null +++ b/src/app/content.scss @@ -0,0 +1,32 @@ +.image-box{ + &.caption { + position: relative; + img { + width: 100%; + } + p { + position: absolute; + padding: 20px 40px 20px 20px; + margin: 0; + min-width: 50%; + max-width: 80%; + color: #fff; + + &.caption--right-bottom { + bottom: 0; + right: 0; + } + + &.caption--left-bottom { + bottom: 0; + left: 0; + } + + @each $category, $color in $categories { + .#{$category} & { + background-color: $color; + } + } + } + } +} \ No newline at end of file -- libgit2 0.21.2