update website min width, fix pre elements expanding too far

This commit is contained in:
Freya Murphy 2024-09-25 14:22:23 -04:00
parent b792dca23b
commit 290a58fdb0
Signed by: freya
GPG key ID: 744AB800E383AE52
2 changed files with 34 additions and 11 deletions

View file

@ -10,8 +10,15 @@
} }
#post { #post {
code span { max-width: 100%;
margin-left: 0 !important;
pre {
code span {
margin-left: 0 !important;
}
overflow-x: scroll;
max-width: $page-width - $outer-gap * 2 - $inner-gap;
} }
img { img {

View file

@ -109,15 +109,6 @@ body {
text-align: left; text-align: left;
} }
@media (max-width: ($page-width + $outer-gap * 2)) {
body, #header,
#main, #footer,
#container {
width: 100%;
min-width: 250px;
}
}
#header, #header,
#footer { #footer {
display: block; display: block;
@ -179,6 +170,25 @@ body {
} }
} }
/* once the page has been shrank to max content width */
@media (max-width: ($page-width + $outer-gap * 2)) {
body {
width: 1px;
min-width: 100%;
.center {
display: block;
}
}
.center, #header,
#main, #footer,
#container {
width: 100%;
max-width: 100%;
}
}
@media (max-width: 800px) { @media (max-width: 800px) {
#header { #header {
display: block; display: block;
@ -210,6 +220,12 @@ body {
} }
} }
@media (max-width: 300px) {
body {
width: 300px;
}
}
#footer { #footer {
padding: $inner-gap; padding: $inner-gap;