-
Notifications
You must be signed in to change notification settings - Fork 0
/
master.css
37 lines (30 loc) · 1.16 KB
/
master.css
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
33
34
35
36
37
.maroon { color: #85144b; }
.bg-maroon { background: #85144b; }
.hover-maroon:hover, .hover-maroon:focus { color: #85144b; }
.hover-bg-maroon:hover, .hover-bg-maroon:focus { background: #85144b; }
.h6 { height: 32rem; }
.h7 { height: 64rem; }
@media screen and min-width(30em) {
.maroon-ns { color: #85144b; }
.bg-maroon-ns { color: #85144b; }
.hover-maroon-ns:hover, .hover-maroon-ns:focus { color: #85144b; }
.hover-bg-maroon-ns:hover, .hover-bg-maroon-ns:focus { background: #85144b; }
.h6-ns { height: 32rem; }
.h7-ns { height: 64rem; }
}
@media screen and min-width(30em) and max-width(60em) {
.maroon-m { color: #85144b; }
.bg-maroon-m { color: #85144b; }
.hover-maroon-m:hover, .hover-maroon-m:focus { color: #85144b; }
.hover-bg-maroon-m:hover, .hover-bg-maroon-m:focus { background: #85144b; }
.h6-m { height: 32rem; }
.h7-m { height: 64rem; }
}
@media screen and min-width(60em) {
.maroon-l { color: #85144b; }
.bg-maroon-l { color: #85144b; }
.hover-maroon-l:hover, .hover-maroon-l:focus { color: #85144b; }
.hover-bg-maroon-l:hover, .hover-bg-maroon-l:focus { background: #85144b; }
.h6-l { height: 32rem; }
.h7-l { height: 64rem; }
}