-
Notifications
You must be signed in to change notification settings - Fork 0
/
legacy-browsers.css
105 lines (91 loc) · 2.61 KB
/
legacy-browsers.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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
/*
* -------------------------------------------
* This is just a fallback for older browsers.
* (Always comes before Ghost when linking.)
* -------------------------------------------
*/
html {
font-size: 18px;
line-height: 1.25rem;
letter-spacing: 0.0625rem;
}
@media screen and (min-width: 324px) {
body { font-size: 1.042rem; }
main { margin: 7.25rem .3125rem 7.25rem .3125rem; }
main * { margin: 1.25rem .3125rem 1.25rem .3125rem; }
}
@media screen and (min-width: 411.50px) {
body { font-size: 1.084rem; }
main { margin: 7.25rem .3125rem 7.25rem .3125rem; }
main * { margin: 1.25rem .3125rem 1.25rem .3125rem; }
}
@media screen and (min-width: 499px) {
body { font-size: 1.126rem; }
main { margin: 7.25rem .3125rem 7.25rem .3125rem; }
main * { margin: 1.25rem .3125rem 1.25rem .3125rem; }
}
@media screen and (min-width: 586.50px) {
body { font-size: 1.168rem; }
main { margin: 7.25rem .3125rem 7.25rem .3125rem; }
main * { margin: 1.25rem .3125rem 1.25rem .3125rem; }
}
@media screen and (min-width: 674px) {
body { font-size: 1.210rem; }
main { margin: 7.25rem .3125rem 7.25rem .3125rem; }
main * { margin: 1.25rem .3125rem 1.25rem .3125rem; }
}
@media screen and (min-width: 761.50px) {
body { font-size: 1.252rem; }
main { margin: 7.25rem .3125rem 7.25rem .3125rem; }
main * { margin: 1.25rem .3125rem 1.25rem .3125rem; }
}
@media screen and (min-width: 849px) {
body { font-size: 1.294rem; }
main { margin: 7.25rem .3125rem 7.25rem .3125rem; }
main * { margin: 1.25rem .3125rem 1.25rem .3125rem; }
}
@media screen and (min-width: 936.50px) {
body { font-size: 1.336rem; }
main { margin: 7.25rem .3125rem 7.25rem .3125rem; }
main * { margin: 1.25rem .3125rem 1.25rem .3125rem; }
}
@media screen and (min-width: 1024px) {
body { font-size: 1.378rem; }
main { margin: 7.25rem .3125rem 7.25rem .3125rem; }
main * { margin: 1.25rem .3125rem 1.25rem .3125rem; }
}
h1 { font-size: 4rem; }
h2 { font-size: 3.50rem; }
h3 { font-size: 3rem; }
h4 { font-size: 2.5rem; }
h5 { font-size: 2rem; }
h6 { font-size: 1.50rem; }
p,
a,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] { font-size: 1rem; }
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
border: 3px solid #000;
color: #fff;
background-color: #000;
}
button:hover,
button:focus,
button:active,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
color: #000;
background-color: #fff;
}