Make the website accessible for... printers

This commit is contained in:
Agatha Lovelace 2021-09-14 21:05:31 +03:00
parent 214b6a69d7
commit f36a52f17c
No known key found for this signature in database
GPG Key ID: 2DB18BA2E0A80BC3
3 changed files with 9 additions and 9 deletions

View File

@ -70,7 +70,7 @@ span {
padding-left: 2em; padding-left: 2em;
} }
@media only screen and (min-width: 1000px) { @media (min-width: 1000px) {
p { p {
display: inline-block; display: inline-block;
} }
@ -82,7 +82,7 @@ span {
} }
} }
@media only screen and (max-width: 1000px) { @media (max-width: 1000px) {
#rounded { #rounded {
display: block; display: block;
margin-left: auto; margin-left: auto;
@ -102,7 +102,7 @@ span {
} }
} }
@media only screen and (max-width: 500px) { @media (max-width: 500px) {
#kittens { #kittens {
height: auto; height: auto;
width: 50%; width: 50%;

View File

@ -1,5 +1,5 @@
@import './prism-duotone-dark.css' screen; @import './prism-duotone-dark.css';
@import './prism-gruvbox-light.css' screen and (prefers-color-scheme: light); @import './prism-gruvbox-light.css' (prefers-color-scheme: light);
@font-face { @font-face {
font-family: 'Crimson Text'; font-family: 'Crimson Text';
@ -230,7 +230,7 @@ pre > code:not([class]) {
white-space: pre-wrap; white-space: pre-wrap;
} }
@media only screen and (min-width: 1000px) { @media (min-width: 1000px) {
body { body {
display: inline-block; display: inline-block;
} }
@ -239,7 +239,7 @@ pre > code:not([class]) {
} }
} }
@media only screen and (max-width: 1000px) { @media (max-width: 1000px) {
img:not(#header-icon) { img:not(#header-icon) {
width: 100%; width: 100%;
} }
@ -262,7 +262,7 @@ pre > code:not([class]) {
} }
} }
@media only screen and (max-width: 500px) { @media (max-width: 500px) {
div.contents, .navigation { div.contents, .navigation {
padding-left: 0.5em; padding-left: 0.5em;
padding-right: 0.5em; padding-right: 0.5em;

View File

@ -45,7 +45,7 @@ p, ul {
max-width: 1000px; max-width: 1000px;
} }
@media only screen and (max-width: 300px) { @media (max-width: 300px) {
#header-text { #header-text {
margin-left: -3em; margin-left: -3em;
} }