_news-teaser.scss 849 Bytes
Newer Older
1
2
3
.news-teaser {
	
	.img-wrapper {
4
		line-height: 0;
5
		display: block;
Benthe Kuijpers's avatar
Benthe Kuijpers committed
6
		@include colourBg($bg-yellow, 0deg);
Benthe Kuijpers's avatar
Benthe Kuijpers committed
7
8

		img {
Benthe Kuijpers's avatar
Benthe Kuijpers committed
9
			mix-blend-mode: multiply;
Benthe Kuijpers's avatar
Benthe Kuijpers committed
10
11
			max-width: 100%;
		}
Benthe Kuijpers's avatar
Benthe Kuijpers committed
12
13
14
15

		&:hover img {
			mix-blend-mode: normal;
		}
16
17
18
19
20
	}

	a {
		text-decoration: none;

21
22
23
24
		.label {
			margin: 15px 0;
		}

25
		h2 {
26
			margin: 0 0 10px;
Benthe Kuijpers's avatar
Benthe Kuijpers committed
27
28
29
30
31
			font-size: 22px;
			line-height: 22px;

			@media only screen and (min-width: $smallmedium) {
				font-size: 28px;
32
			line-height: 30px;
Benthe Kuijpers's avatar
Benthe Kuijpers committed
33
			}
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54

			@media only screen and (min-width: $large) {
				font-size: 32px;
				line-height: 36px;
			}
		}

		.category {
			font-style: italic;
			font-weight: 300;
		}

		.excerpt {
			display: none;

			@media only screen and (min-width: $medium) {
				display: block;
				margin: 20px 0;
				font-size: 20px;
				line-height: 32px;
			}
55
		}
Benthe Kuijpers's avatar
Benthe Kuijpers committed
56
57
58
59

		&.text-link	{
			padding: 0 0 0 5px;
		}
60
61
	}
}