Make the website accessible for... printers
This commit is contained in:
parent
214b6a69d7
commit
f36a52f17c
|
@ -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%;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue