_news-teaser.scss 725 Bytes
Newer Older
1
2
3
.news-teaser {
	
	.img-wrapper {
4
		line-height: 0;
5
		display: block;
6
		box-shadow: 3px 3px 0 $bg-yellow;
Benthe Kuijpers's avatar
Benthe Kuijpers committed
7
8
9
10

		img {
			max-width: 100%;
		}
11
12
13
14
15
	}

	a {
		text-decoration: none;

16
17
18
19
		.label {
			margin: 15px 0;
		}

20
		h2 {
21
			margin: 0 0 10px;
Benthe Kuijpers's avatar
Benthe Kuijpers committed
22
23
24
25
26
			font-size: 22px;
			line-height: 22px;

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

			@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;
			}
50
51
52
		}
	}
}