tweaks to the content responsiveness and header padding
more readability stuff for desktop without (hopefully) affecting the mobile experience much
This commit is contained in:
parent
a42ce34aad
commit
9a65dfffaf
@ -12,11 +12,11 @@ body {
|
||||
}
|
||||
|
||||
.site-wrap-normal-width {
|
||||
max-width: 70pc;
|
||||
max-width: 80pc;
|
||||
}
|
||||
|
||||
.site-wrap-double-width {
|
||||
max-width: 140pc;
|
||||
max-width: 160pc;
|
||||
}
|
||||
|
||||
.site-wrap {
|
||||
@ -50,7 +50,7 @@ div.header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 0.75em;
|
||||
padding: 0.25em 0.5em;
|
||||
padding: 0.5em 1em;
|
||||
}
|
||||
|
||||
div.header a {
|
||||
@ -63,6 +63,13 @@ div.content {
|
||||
line-height: 1.6em;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 70pc) {
|
||||
div.content {
|
||||
margin-left: 5pc;
|
||||
margin-right: 5pc;
|
||||
}
|
||||
}
|
||||
|
||||
div.content p {
|
||||
margin: 1.25em 0;
|
||||
}
|
||||
|
@ -15,10 +15,6 @@ strong {
|
||||
|
||||
.site-wrap {
|
||||
background: black;
|
||||
|
||||
border: 1px solid #222;
|
||||
border-top: none;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
|
@ -15,10 +15,6 @@ strong {
|
||||
|
||||
.site-wrap {
|
||||
background: white;
|
||||
|
||||
border: 1px solid #DDD;
|
||||
border-top: none;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
|
Loading…
Reference in New Issue
Block a user