N-archive/hacks-guide-minimal-mistakes-theme
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Improve typography of .article-author

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

74
assets/css/ie.css
View file

@ -534,9 +534,9 @@ blockquote {
font-size: 24px;
font-size: 1.5rem;
}
.entry-content .footnotes ol,
.entry-content .footnotes li,
.entry-content .footnotes p {
.footnotes ol,
.footnotes li,
.footnotes p {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.8571;
@ -715,30 +715,6 @@ svg:not(:root) {
-o-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 {
min-height: 20px;
@ -1194,13 +1170,57 @@ body {
-moz-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 {
display: none;
text-align: center;
}
.article-author-bottom {
margin-bottom: 1em;
}
.article-author-bottom .bio-photo {
float: left;
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 {
display: none;
font-size: 95%;

74
assets/css/main.css
View file

@ -534,9 +534,9 @@ blockquote {
font-size: 24px;
font-size: 1.5rem;
}
.entry-content .footnotes ol,
.entry-content .footnotes li,
.entry-content .footnotes p {
.footnotes ol,
.footnotes li,
.footnotes p {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.8571;
@ -1392,30 +1392,6 @@ svg:not(:root) {
-o-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 {
min-height: 20px;
@ -1949,13 +1925,57 @@ body {
-moz-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 {
display: none;
text-align: center;
}
.article-author-bottom {
margin-bottom: 1em;
}
.article-author-bottom .bio-photo {
float: left;
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 {
display: none;
font-size: 95%;

15
assets/less/elements.less
View file

@ -59,21 +59,6 @@ svg:not(:root) {
.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 {
min-height: 20px;

35
assets/less/page.less
View file

@ -128,14 +128,49 @@ body {
.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 {
display: none;
text-align: center;
}
.article-author-bottom {
margin-bottom: 1em;
.bio-photo {
float: left;
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 {
display: none;

2
assets/less/typography.less
View file

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