Commit c3b31b1328825977ddf2f2e4040e2baa177f40fb
1 parent
6c1585cc
Exists in
master
and in
6 other branches
Add: image-box content style
Showing
1 changed file
with
32 additions
and
0 deletions
Show diff stats
... | ... | @@ -0,0 +1,32 @@ |
1 | +.image-box{ | |
2 | + &.caption { | |
3 | + position: relative; | |
4 | + img { | |
5 | + width: 100%; | |
6 | + } | |
7 | + p { | |
8 | + position: absolute; | |
9 | + padding: 20px 40px 20px 20px; | |
10 | + margin: 0; | |
11 | + min-width: 50%; | |
12 | + max-width: 80%; | |
13 | + color: #fff; | |
14 | + | |
15 | + &.caption--right-bottom { | |
16 | + bottom: 0; | |
17 | + right: 0; | |
18 | + } | |
19 | + | |
20 | + &.caption--left-bottom { | |
21 | + bottom: 0; | |
22 | + left: 0; | |
23 | + } | |
24 | + | |
25 | + @each $category, $color in $categories { | |
26 | + .#{$category} & { | |
27 | + background-color: $color; | |
28 | + } | |
29 | + } | |
30 | + } | |
31 | + } | |
32 | +} | |
0 | 33 | \ No newline at end of file | ... | ... |