hugo
/
website
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Make aside element more elegant on mobile

Browse Source
master
Hugo Thunnissen 4 years ago
parent 6f6db2fa60
commit b802ddfc01
1 changed files with 14 additions and 8 deletions
Show Stats Download Patch File Download Diff File

22
posts/use-your-mail-client-for-physical-mail/index.html
Unescape Escape View File

@ -25,10 +25,24 @@
margin: auto; margin: auto;
} }
aside {
width: 30%;
min-width: 10em;
background-color: rgba(0,0,0, 0.1);
float: right;
padding: 1em;
margin: 1em;
}
@media only all and (pointer: coarse), (pointer: none) { @media only all and (pointer: coarse), (pointer: none) {
body { body {
font-size: 5.5vmin; font-size: 5.5vmin;
} }
aside {
width: inherit;
}
} }
@media only all and (pointer: fine) { @media only all and (pointer: fine) {
@ -39,14 +53,6 @@
} }
} }
aside {
width: 30%;
min-width: 10em;
background-color: rgba(0,0,0, 0.1);
float: right;
padding: 1em;
margin: 1em;
}
</style> </style>
<body> <body>

Write Preview
Loading…
Cancel
Save