Commit 5884b0f3 authored by Kaushal Modi's avatar Kaushal Modi

Use em instead of rem for font-size

parent 7f97ebb4
......@@ -480,7 +480,7 @@ h1, h2, h3, h4, h5, h6 {
.pagination {
font-family: var(--sans-serif-1);
font-size: 1.1rem;
font-size: 1.1em;
color: #ccc;
text-align: center;
......@@ -560,11 +560,19 @@ figcaption i,
.next-post {
font-family: var(--italics), serif;
font-style: italic;
font-size: 0.9rem;
font-size: 0.9em;
}
i,
em {
font-size: 1.1rem;
font-size: 1.0em;
}
/* 1em italics look too big in headings, so tone them down over there. */
h2 em,
h3 em,
h4 em,
h5 em,
h6 em {
font-size: 0.9em;
}
/* ** h1 */
......@@ -573,7 +581,7 @@ h1 {
margin: 1em 0 0.4em -0.02em;
font-weight: 700;
/* font-size: 190%; */
font-size: 2rem;
font-size: 2em;
line-height: 1.1;
/* Tue Oct 25 11:31:41 EDT 2016 - kmodi*/
/* I am not sure what the below mask code does */
......@@ -590,23 +598,23 @@ h1 {
/* ** h2-h6 */
h2 { /* Top-most level heading in a post body */
margin-top: 1.8rem;
font-size: 1.8rem;
font-size: 1.8em;
}
h3 {
margin-top: 1.5rem;
font-size: 1.5rem;
font-size: 1.5em;
}
h4 {
margin-top: 1.2rem;
font-size: 1.2rem;
font-size: 1.2em;
}
h5 {
margin-top: 1rem;
font-size: 1rem;
font-size: 1em;
}
h6 {
margin-top: 1rem;
font-size: 1rem;
font-size: 1em;
text-transform: uppercase;
}
h2,
......@@ -644,7 +652,6 @@ h6 span {
/* ** h2 Post titles on any list page (index.html, taxonomy list, etc. */
h2.post-title,
h2.post-title a {
font-size: 2rem;
font-family: var(--sans-serif-1), sans-serif;
color: var(--theme-color);
}
......@@ -838,7 +845,7 @@ a.footnote-return {
left: -1.5rem;
content: '[' counter(li) ']';
vertical-align: super;
font-size: 0.8rem;
font-size: 0.8em;
}
/* Links in footnote definitions */
.footnotes a {
......@@ -878,7 +885,7 @@ header .taxo {
.taxo li {
font-family: var(--sans-serif-1);
font-size: .8rem;
font-size: .8em;
border: none;
......@@ -929,32 +936,32 @@ header .taxo {
margin: 5px;
}
/* Font size increments of 0.10rem */
.taxo.collection li.x00 { font-size: 1.00rem; padding: 1.0px 05px; }
.taxo.collection li.x01 { font-size: 1.10rem; padding: 1.2px 06px; }
.taxo.collection li.x02 { font-size: 1.20rem; padding: 1.4px 07px; }
/* Font size increments of 0.15rem */
.taxo.collection li.x03 { font-size: 1.35rem; padding: 1.6px 08px; }
.taxo.collection li.x04 { font-size: 1.50rem; padding: 1.8px 09px; }
.taxo.collection li.x05 { font-size: 1.65rem; padding: 2.0px 10px; }
/* Font size increments of 0.20rem */
.taxo.collection li.x06 { font-size: 1.85rem; padding: 2.2px 11px; }
.taxo.collection li.x07 { font-size: 2.05rem; padding: 2.4px 12px; }
.taxo.collection li.x08 { font-size: 2.25rem; padding: 2.6px 13px; }
/* Font size increments of 0.25rem */
.taxo.collection li.x09 { font-size: 2.50rem; padding: 2.8px 14px; }
.taxo.collection li.x10 { font-size: 2.75rem; padding: 3.0px 15px; }
.taxo.collection li.x11 { font-size: 3.00rem; padding: 3.2px 16px; }
/* Font size increments of 0.30rem */
.taxo.collection li.x12 { font-size: 3.30rem; padding: 3.4px 17px; }
.taxo.collection li.x13 { font-size: 3.60rem; padding: 3.6px 18px; }
.taxo.collection li.x14 { font-size: 3.90rem; padding: 3.8px 19px; }
/* Font size increments of 0.35rem */
.taxo.collection li.x15 { font-size: 4.25rem; padding: 4.0px 20px; }
.taxo.collection li.x16 { font-size: 4.60rem; padding: 4.2px 21px; }
.taxo.collection li.x17 { font-size: 4.95rem; padding: 4.4px 22px; }
/* Font size increments of 0.40rem */
.taxo.collection li.x18 { font-size: 5.35rem; padding: 4.6px 23px; }
.taxo.collection li.x19 { font-size: 5.75rem; padding: 4.8px 24px; }
.taxo.collection li.x00 { font-size: 1.00em; padding: 1.0px 05px; }
.taxo.collection li.x01 { font-size: 1.10em; padding: 1.2px 06px; }
.taxo.collection li.x02 { font-size: 1.20em; padding: 1.4px 07px; }
/* Font size increments of 0.15em */
.taxo.collection li.x03 { font-size: 1.35em; padding: 1.6px 08px; }
.taxo.collection li.x04 { font-size: 1.50em; padding: 1.8px 09px; }
.taxo.collection li.x05 { font-size: 1.65em; padding: 2.0px 10px; }
/* Font size increments of 0.20em */
.taxo.collection li.x06 { font-size: 1.85em; padding: 2.2px 11px; }
.taxo.collection li.x07 { font-size: 2.05em; padding: 2.4px 12px; }
.taxo.collection li.x08 { font-size: 2.25em; padding: 2.6px 13px; }
/* Font size increments of 0.25em */
.taxo.collection li.x09 { font-size: 2.50em; padding: 2.8px 14px; }
.taxo.collection li.x10 { font-size: 2.75em; padding: 3.0px 15px; }
.taxo.collection li.x11 { font-size: 3.00em; padding: 3.2px 16px; }
/* Font size increments of 0.30em */
.taxo.collection li.x12 { font-size: 3.30em; padding: 3.4px 17px; }
.taxo.collection li.x13 { font-size: 3.60em; padding: 3.6px 18px; }
.taxo.collection li.x14 { font-size: 3.90em; padding: 3.8px 19px; }
/* Font size increments of 0.35em */
.taxo.collection li.x15 { font-size: 4.25em; padding: 4.0px 20px; }
.taxo.collection li.x16 { font-size: 4.60em; padding: 4.2px 21px; }
.taxo.collection li.x17 { font-size: 4.95em; padding: 4.4px 22px; }
/* Font size increments of 0.40em */
.taxo.collection li.x18 { font-size: 5.35em; padding: 4.6px 23px; }
.taxo.collection li.x19 { font-size: 5.75em; padding: 4.8px 24px; }
/* ** Gray numbers/bullets for lists */
/* Color the list bullets and numbers for ordered lists differently than the */
......@@ -1085,11 +1092,11 @@ ol>li::before {
/* *** Title and cursor font sizes */
.masthead-title {
font-size: 1.5rem;
font-size: 1.5em;
font-weight: bold;
}
.masthead-title .blinking-cursor {
font-size: 1.7rem;
font-size: 1.1em;
}
/* Reduce whitespace between title and tagline */
......@@ -1330,7 +1337,7 @@ a code {
pre {
display: block;
font-size: 0.8rem;
font-size: 0.8em;
line-height: 1.4;
/* Below padding-top value is adjusted to match the padding in
......@@ -1508,7 +1515,7 @@ pre code.language-xml::before { content: 'XML'; }
.nav-collapse {
z-index: 1;
font-family: "proxima-nova-extra-condensed", sans-serif;
font-size: 1rem;
font-size: 1em;
transition: max-height 250ms;
position: relative;
}
......@@ -1710,15 +1717,14 @@ pre code.language-xml::before { content: 'XML'; }
list-style: none;
}
.toc ul>li {
font-size: 1rem;
margin-bottom: 0.4rem;
}
.toc ul>li>ul>li {
font-size: 0.9rem;
font-size: 0.9em;
margin-bottom: 0.4rem;
}
.toc ul>li>ul>li>ul>li {
font-size: 0.8rem;
font-size: 0.9em;
margin-bottom: 0.3rem;
}
.toc ul { /* Add left padding for headings in TOC */
......@@ -1745,7 +1751,7 @@ pre code.language-xml::before { content: 'XML'; }
content: '';
}
.toc .back-to-top { /* Back to top link */
font-size: 0.8rem;
font-size: 0.8em;
padding-left: 1rem;
}
......@@ -1869,7 +1875,7 @@ footer .social,
.mention dd,
.mention dt,
.syndication-comment p {
font-size: 0.9rem;
font-size: 0.9em;
}
/* Send Webmention button */
......@@ -1918,7 +1924,7 @@ footer .social,
.comment .instructions small,
.comment .instructions small i,
.comment .instructions small em {
font-size: 0.7rem;
font-size: 0.7em;
}
.comment input[type=submit] {
font-family: var(--sans-serif-2), sans-serif;
......@@ -2053,7 +2059,7 @@ footer .social,
/* * RSS/ATOM feed buttons */
.feed {
font-family: var(--sans-serif-1);
font-size: 0.8rem;
font-size: 0.8em;
font-weight: bold;
transform: scaleX(0.9); /* Make the fonts slightly narrow than the default --sans-serif-1 */
......@@ -2082,6 +2088,15 @@ footer .social,
}
}
/* em vs rem: https://j.eremy.net/confused-about-rem-and-em/
> While em is relative to the font-size of its direct or nearest parent,
> rem (root em) is only relative to the html (root) font-size.
The author uses em for nearly everything, rem occasionally for padding or
margins, but only in a pinch, and px some times for borders.
*/
/* Local Variables: */
/* eval: (when (fboundp 'rainbow-mode) (rainbow-mode 1)) */
/* eval: (outline-minor-mode 1) */
......
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