restrict float behavior to narrow screens

original commit: 577f7ad4b1045a95a693d4e4574f89430d246fba
This commit is contained in:
Matthew Butterick 2014-07-03 09:14:53 -07:00 committed by Matthew Flatt
parent 8e5c19a160
commit 9777e8c6b2

View File

@ -310,7 +310,9 @@ a:hover {
border-left: 0.4rem solid #ccb; border-left: 0.4rem solid #ccb;
} }
/* slightly different handling for margin-note* */
/* slightly different handling for margin-note* on narrow screens */
@media all and (max-width:1260px) {
span.refcolumn { span.refcolumn {
float: right; float: right;
width: 50%; width: 50%;
@ -319,7 +321,9 @@ span.refcolumn {
margin-top: 1.2rem; margin-top: 1.2rem;
} }
.refcontent p { }
.refcontent, .refcontent p {
line-height: 1.5; line-height: 1.5;
margin: 0; margin: 0;
} }