restrict float behavior to narrow screens
original commit: 577f7ad4b1045a95a693d4e4574f89430d246fba
This commit is contained in:
parent
8e5c19a160
commit
9777e8c6b2
|
@ -310,16 +310,20 @@ a:hover {
|
||||||
border-left: 0.4rem solid #ccb;
|
border-left: 0.4rem solid #ccb;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* slightly different handling for margin-note* */
|
|
||||||
span.refcolumn {
|
/* slightly different handling for margin-note* on narrow screens */
|
||||||
|
@media all and (max-width:1260px) {
|
||||||
|
span.refcolumn {
|
||||||
float: right;
|
float: right;
|
||||||
width: 50%;
|
width: 50%;
|
||||||
margin-left: 1rem;
|
margin-left: 1rem;
|
||||||
margin-bottom: 0.8rem;
|
margin-bottom: 0.8rem;
|
||||||
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;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue
Block a user