minimal responsiveness adjustments

This commit is contained in:
lidia pereira 2019-08-17 00:19:24 +02:00
parent 7ca7fa6183
commit 546a91011a

View File

@ -488,7 +488,7 @@ table tr:nth-child(even) {
top:auto; top:auto;
} }
@media screen and (min-width:800px){ @media screen and (min-width:620px){
#forkongithub{ #forkongithub{
position:fixed; position:fixed;
display:block; display:block;
@ -511,9 +511,17 @@ table tr:nth-child(even) {
-o-transform:rotate(45deg); -o-transform:rotate(45deg);
box-shadow:4px 4px 10px rgba(0,0,0,0.8); box-shadow:4px 4px 10px rgba(0,0,0,0.8);
} }
} }
@media screen and (max-width:620px) { @media screen and (max-width:620px) {
html {font-size:20px;} html {font-size:20px;}
.toc, #forkongithub {
display:none;
}
.post-item {
max-width: 100%;}
#banner{ #banner{
font-size: 1rem; font-size: 1rem;
line-height: 1rem; line-height: 1rem;
@ -522,6 +530,7 @@ table tr:nth-child(even) {
#menu{font-size:1rem} #menu{font-size:1rem}
#index{ #index{
max-width:100%; max-width:100%;
padding-top:2em;
} }
#content{ #content{
padding:1em; padding:1em;