_news-teaser.scss 589 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;
7
8
9
10
11
	}

	a {
		text-decoration: none;

12
13
14
15
		.label {
			margin: 15px 0;
		}

16
		h2 {
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
			margin: 0 0 10px;
			font-size: 28px;
			line-height: 30px;

			@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;
			}
41
42
43
		}
	}
}