Support mobile
This commit is contained in:
parent
31143acc09
commit
d318d4692c
|
@ -10,9 +10,14 @@ body {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
* {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
width: 680px;
|
width: 100%;
|
||||||
max-width: 100%;
|
max-width: 720px;
|
||||||
|
padding: 0 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-heading {
|
.page-heading {
|
||||||
|
@ -40,6 +45,10 @@ p, li {
|
||||||
text-align: justify;
|
text-align: justify;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
padding-left: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
a, a:visited {
|
a, a:visited {
|
||||||
color: #404040;
|
color: #404040;
|
||||||
text-decoration-color: #999;
|
text-decoration-color: #999;
|
||||||
|
@ -65,3 +74,12 @@ code {
|
||||||
.credits {
|
.credits {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/** Mobile */
|
||||||
|
@media only screen and (max-width: 720px) {
|
||||||
|
.page-heading {
|
||||||
|
font-size: 0.8em;
|
||||||
|
}
|
||||||
|
ul {
|
||||||
|
padding-left: 1em;
|
||||||
|
}
|
||||||
|
|
|
@ -10,9 +10,14 @@ body {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
* {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
width: 680px;
|
width: 100%;
|
||||||
max-width: 100%;
|
max-width: 720px;
|
||||||
|
padding: 0 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-heading {
|
.page-heading {
|
||||||
|
@ -40,6 +45,10 @@ p, li {
|
||||||
text-align: justify;
|
text-align: justify;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
padding-left: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
a, a:visited {
|
a, a:visited {
|
||||||
color: #404040;
|
color: #404040;
|
||||||
text-decoration-color: #999;
|
text-decoration-color: #999;
|
||||||
|
@ -65,3 +74,12 @@ code {
|
||||||
.credits {
|
.credits {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/** Mobile */
|
||||||
|
@media only screen and (max-width: 720px) {
|
||||||
|
.page-heading {
|
||||||
|
font-size: 0.8em;
|
||||||
|
}
|
||||||
|
ul {
|
||||||
|
padding-left: 1em;
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in a new issue