Commit 39465696 authored by Kaushal Modi's avatar Kaushal Modi

Don't hard-code the font-size to 20px

parent 1f2f99ef
......@@ -417,7 +417,7 @@ blockquote {
blockquote p:last-child {
margin-bottom: 0;
}
@media (min-width: 30em) {
@media (min-width: 480px) {
blockquote {
padding-right: 5rem;
padding-left: 1.25rem;
......@@ -503,20 +503,24 @@ h1, h2, h3, h4, h5, h6 {
*/
.container {
max-width: 28rem;
padding-left: 1rem;
padding-right: 1rem;
margin-left: auto;
padding-left: 1em;
padding-right: 1em;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 38em) {
@media (min-width: 600px) {
.container {
max-width: 80%;
}
}
@media (min-width: 800px) {
.container {
max-width: 32rem;
max-width: 70%;
}
}
@media (min-width: 56em) {
@media (min-width: 1400px) {
.container {
max-width: 38rem;
max-width: 50%;
}
}
......@@ -589,7 +593,7 @@ a.pagination-item:hover {
background-color: #f5f5f5;
}
@media (min-width: 30em) {
@media (min-width: 480px) {
.pagination {
margin: 3rem 0;
}
......@@ -619,7 +623,6 @@ html {
/* * body */
body {
font-weight: 400;
font-size: 1em;
font-family: var(--serif);
background: transparent;
padding-bottom: 2rem;
......@@ -1676,7 +1679,7 @@ pre code.language-xml::before { content: 'XML'; }
float: left
}
@media screen and (min-width:46.25em) {
@media screen and (min-width: 740px) {
.nav-collapse,
.nav-collapse ul {
text-align: center
......@@ -1689,7 +1692,7 @@ pre code.language-xml::before { content: 'XML'; }
display: block
}
@media screen and (min-width:46.25em) {
@media screen and (min-width: 740px) {
.nav-collapse li {
float: none;
display: inline-block;
......@@ -1733,7 +1736,7 @@ pre code.language-xml::before { content: 'XML'; }
}
/* Below will apply to any screen larger than specified below */
@media screen and (min-width:46.25em) {
@media screen and (min-width: 740px) {
/* For all tabs by default */
.nav-collapse a {
_float: none;
......@@ -1778,7 +1781,7 @@ pre code.language-xml::before { content: 'XML'; }
overflow: hidden
}
@media screen and (min-width:46.25em) {
@media screen and (min-width: 740px) {
.js .nav-collapse {
position: relative !important;
max-height: none
......@@ -1817,7 +1820,7 @@ pre code.language-xml::before { content: 'XML'; }
}
}
@media screen and (min-width:46.25em) {
@media screen and (min-width: 740px) {
.nav-toggle {
display: none
}
......
......@@ -61,11 +61,6 @@
html {
line-height: 1.5;
}
@media (min-width: 38em) {
html {
font-size: 20px;
}
}
</style>
<!-- Above style minified:
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment