Improve typography of .article-author

This commit is contained in:
Michael Rose 2013-09-07 12:57:20 -04:00
parent b78518dae5
commit 3086e9d8d7
5 changed files with 130 additions and 70 deletions

View file

@ -534,9 +534,9 @@ blockquote {
font-size: 24px; font-size: 24px;
font-size: 1.5rem; font-size: 1.5rem;
} }
.entry-content .footnotes ol, .footnotes ol,
.entry-content .footnotes li, .footnotes li,
.entry-content .footnotes p { .footnotes p {
font-size: 14px; font-size: 14px;
font-size: 0.875rem; font-size: 0.875rem;
line-height: 1.8571; line-height: 1.8571;
@ -715,30 +715,6 @@ svg:not(:root) {
-o-transform: translate(0, 2px); -o-transform: translate(0, 2px);
transform: translate(0, 2px); transform: translate(0, 2px);
} }
.author-social {
display: block;
margin-bottom: 5px;
font-size: 14px;
font-size: 0.875rem;
color: #111111;
}
.author-social:visited {
color: #111111;
}
.author-social:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.author-social:active {
-webkit-transform: translate(0, 2px);
-moz-transform: translate(0, 2px);
-ms-transform: translate(0, 2px);
-o-transform: translate(0, 2px);
transform: translate(0, 2px);
}
/* Well ================================================= */ /* Well ================================================= */
.well { .well {
min-height: 20px; min-height: 20px;
@ -1194,13 +1170,57 @@ body {
-moz-border-radius: 100px; -moz-border-radius: 100px;
border-radius: 100px; border-radius: 100px;
} }
.author-social {
display: block;
margin-bottom: 5px;
font-size: 14px;
font-size: 0.875rem;
color: #111111;
}
.author-social:visited {
color: #111111;
}
.author-social:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.author-social:active {
-webkit-transform: translate(0, 2px);
-moz-transform: translate(0, 2px);
-ms-transform: translate(0, 2px);
-o-transform: translate(0, 2px);
transform: translate(0, 2px);
}
.article-author-top { .article-author-top {
display: none; display: none;
text-align: center;
}
.article-author-bottom {
margin-bottom: 1em;
} }
.article-author-bottom .bio-photo { .article-author-bottom .bio-photo {
float: left; float: left;
margin-right: 25px; margin-right: 25px;
} }
.article-author-bottom .author-social {
display: inline-block;
margin-right: 5px;
}
.article-wrap p > a,
.article-wrap li > a {
border-bottom: 1px dotted #b3b3b3;
}
.article-wrap p > a:hover,
.article-wrap li > a:hover {
border-bottom-style: solid;
}
.article-wrap p > a.reversefootnote,
.article-wrap li > a.reversefootnote {
border-bottom-width: 0;
}
.toc { .toc {
display: none; display: none;
font-size: 95%; font-size: 95%;

View file

@ -534,9 +534,9 @@ blockquote {
font-size: 24px; font-size: 24px;
font-size: 1.5rem; font-size: 1.5rem;
} }
.entry-content .footnotes ol, .footnotes ol,
.entry-content .footnotes li, .footnotes li,
.entry-content .footnotes p { .footnotes p {
font-size: 14px; font-size: 14px;
font-size: 0.875rem; font-size: 0.875rem;
line-height: 1.8571; line-height: 1.8571;
@ -1392,30 +1392,6 @@ svg:not(:root) {
-o-transform: translate(0, 2px); -o-transform: translate(0, 2px);
transform: translate(0, 2px); transform: translate(0, 2px);
} }
.author-social {
display: block;
margin-bottom: 5px;
font-size: 14px;
font-size: 0.875rem;
color: #111111;
}
.author-social:visited {
color: #111111;
}
.author-social:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.author-social:active {
-webkit-transform: translate(0, 2px);
-moz-transform: translate(0, 2px);
-ms-transform: translate(0, 2px);
-o-transform: translate(0, 2px);
transform: translate(0, 2px);
}
/* Well ================================================= */ /* Well ================================================= */
.well { .well {
min-height: 20px; min-height: 20px;
@ -1949,13 +1925,57 @@ body {
-moz-border-radius: 100px; -moz-border-radius: 100px;
border-radius: 100px; border-radius: 100px;
} }
.author-social {
display: block;
margin-bottom: 5px;
font-size: 14px;
font-size: 0.875rem;
color: #111111;
}
.author-social:visited {
color: #111111;
}
.author-social:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.author-social:active {
-webkit-transform: translate(0, 2px);
-moz-transform: translate(0, 2px);
-ms-transform: translate(0, 2px);
-o-transform: translate(0, 2px);
transform: translate(0, 2px);
}
.article-author-top { .article-author-top {
display: none; display: none;
text-align: center;
}
.article-author-bottom {
margin-bottom: 1em;
} }
.article-author-bottom .bio-photo { .article-author-bottom .bio-photo {
float: left; float: left;
margin-right: 25px; margin-right: 25px;
} }
.article-author-bottom .author-social {
display: inline-block;
margin-right: 5px;
}
.article-wrap p > a,
.article-wrap li > a {
border-bottom: 1px dotted #b3b3b3;
}
.article-wrap p > a:hover,
.article-wrap li > a:hover {
border-bottom-style: solid;
}
.article-wrap p > a.reversefootnote,
.article-wrap li > a.reversefootnote {
border-bottom-width: 0;
}
.toc { .toc {
display: none; display: none;
font-size: 95%; font-size: 95%;

View file

@ -59,21 +59,6 @@ svg:not(:root) {
.translate(0, 2px); .translate(0, 2px);
} }
} }
.author-social {
display: block;
margin-bottom: 5px;
.font-rem(14);
color: @black;
&:visited {
color: @black;
}
&:hover {
.scale(1.1);
}
&:active {
.translate(0, 2px);
}
}
/* Well ================================================= */ /* Well ================================================= */
.well { .well {
min-height: 20px; min-height: 20px;

View file

@ -128,14 +128,49 @@ body {
.rounded(100px); .rounded(100px);
} }
} }
.author-social {
display: block;
margin-bottom: 5px;
.font-rem(14);
color: @black;
&:visited {
color: @black;
}
&:hover {
.scale(1.1);
}
&:active {
.translate(0, 2px);
}
}
.article-author-top { .article-author-top {
display: none; display: none;
text-align: center;
} }
.article-author-bottom { .article-author-bottom {
margin-bottom: 1em;
.bio-photo { .bio-photo {
float: left; float: left;
margin-right: 25px; margin-right: 25px;
} }
.author-social {
display: inline-block;
margin-right: 5px;
}
}
.article-wrap {
// Dotted line underlines for links
p > a,
li > a {
border-bottom: 1px dotted lighten(@link-color, 50);
&:hover {
border-bottom-style: solid;
}
}
p > a.reversefootnote,
li > a.reversefootnote {
border-bottom-width: 0;
}
} }
.toc { .toc {
display: none; display: none;

View file

@ -101,7 +101,7 @@ blockquote {
// Footnotes // Footnotes
// -------------------------------------------------- // --------------------------------------------------
.entry-content .footnotes { .footnotes {
ol, li, p { ol, li, p {
.font-size(14); .font-size(14);
} }