Github/vanillajs-deck
1
0
Fork 0
mirror of https://github.com/JeremyLikness/vanillajs-deck synced 2024-12-04 19:27:37 +00:00
Code Issues Projects Releases Wiki Activity

media queries

Browse Source
This commit is contained in:
Jeremy Likness 2019-11-22 17:09:42 -08:00
parent d66f8c5db4
commit f37b3371bb
1 changed files with 42 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
css/style.css
View File

@ -1,6 +1,29 @@
body { body {
padding: 5px; padding: 5px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-size: 5vh;
}
button {
font-size: 5vh;
}
@media only screen and (max-width: 800px) {
body {
font-size: 14px;
}
button {
font-size: 14px;
}
}
@media only screen and (max-width: 1200px) {
body {
font-size: 3vh;
}
button {
font-size: 14px;
}
} }
h1, h2, h3 { h1, h2, h3 {
@ -23,7 +46,6 @@ img {
.footer { .footer {
float: left; float: left;
height: 15vh; height: 15vh;
font-size: 1.5em;
vertical-align: middle; vertical-align: middle;
width: 32vw; width: 32vw;
} }
@ -46,6 +68,24 @@ slide-deck div {
background: lightgray; background: lightgray;
} }
@media only screen and (max-width: 960px) {
.footer {
float: none;
width: 100%;
height: auto;
margin-top: 2px;
}
.right {
text-align: center;
}
.left {
text-align: center;
}
slide-deck div {
height: 75vh;
}
}
slide-controls { slide-controls {
height: 15vh; height: 15vh;
width: 33vw; width: 33vw;