Optimizing style for mobile, responsiveness
This commit is contained in:
parent
0ab238eb2a
commit
142a042123
25
css/main.css
25
css/main.css
@ -253,20 +253,41 @@ div.pagination {
|
||||
border: 1px solid #ddd;
|
||||
background-color: #eef;
|
||||
padding: 0 .4em;
|
||||
white-space: pre;
|
||||
}
|
||||
|
||||
@media (min-width: 40rem) {
|
||||
.post pre {
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
}
|
||||
|
||||
.post ul, .post ol {
|
||||
margin-left: 1.35em;
|
||||
margin-left: 0;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
@media (min-width: 40rem) {
|
||||
.post ul, .post ol {
|
||||
margin-left: 1.35em;
|
||||
padding-left: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
.post code {
|
||||
border: 1px solid #ddd;
|
||||
background-color: #eef;
|
||||
padding: 0 .2em;
|
||||
font-size: 10pt;
|
||||
font-size: 8pt;
|
||||
font-family: 'dejavu_sans_monobook', Courier, monospace;
|
||||
}
|
||||
|
||||
@media (min-width: 40rem) {
|
||||
.post code {
|
||||
font-size: 10pt;
|
||||
}
|
||||
}
|
||||
|
||||
.post pre code {
|
||||
border: none;
|
||||
padding: 0;
|
||||
|
Loading…
Reference in New Issue
Block a user