content.scss 490 Bytes
Edit Raw Blame History



1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

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;
	            }
	        }
		}
	}
}