summary |
shortlog |
log |
commit | commitdiff |
tree
raw |
patch |
inline | side by side (from parent 1:
00a9b42)
It seems at some point the rules to disable justification on narrow
displays stopped working (or maybe they never worked) due to the main
CSS selectors having higher specificity.
SCSS has a neat trick to expand the media query with matching selectors
which solves this problem nicely. So let's use that.
p, dt, dd, li {
text-align: justify;
p, dt, dd, li {
text-align: justify;
+ @media (max-width: 28em) { text-align: left; }
color: $annotationcolour;
a:link, a:visited { color: inherit; }
color: $annotationcolour;
a:link, a:visited { color: inherit; }
-}
-@media not screen {
- .permalink { visibility: hidden; }
+ @media not screen { visibility: hidden; }
}
// General table styles.
}
// General table styles.
#sitetitle * { float: none; }
#footer { padding: 0 1em; }
}
#sitetitle * { float: none; }
#footer { padding: 0 1em; }
}
-@media (max-width: 28em) {
- * { text-align: left; }
-}