_list.scss 800 Bytes
Newer Older
1
2
3
4
5
6
7
8
9
10
11
.list {
	margin: 0 0 100px;

	&__item {
		a {
			padding: 20px 0;
			display: block;
			text-decoration: none;

			.label {
				mix-blend-mode: multiply;
alain's avatar
alain committed
12
				margin: 0 10px 0 0;
13
				box-shadow: none;
14
				background: $green;
15
				@include colourBg($bg-yellow, 0deg);
Benthe Kuijpers's avatar
Benthe Kuijpers committed
16
17

				span {
18
					background: rgba(black,0.15);
Benthe Kuijpers's avatar
Benthe Kuijpers committed
19
20
21
					padding: 0 5px;
					margin: 0 -10px 0 5px;
				}
22
23
24
25
			}

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

				@media only screen and (min-width: $smallmedium) {
					font-size: 28px;
					line-height: 30px;
				}
33
			}
alain's avatar
alain committed
34
35
36
37

			p:last-child {
				margin-bottom: 0;
			}
38
39
		}
	}
Benthe Kuijpers's avatar
Benthe Kuijpers committed
40
41
42
43
44
45
46
47
48
49
50
51
}

// Resource list to grid: smaller titles
.grid .list__item a {
	padding: 0;

	h2 {
		@media only screen and (min-width: $smallmedium) {
			font-size: 23px;
			line-height: 26px;
		}
	}
52
}