mirror/webslides
1
0
Fork 0
mirror of https://github.com/webslides/WebSlides.git synced 2025-09-03 10:02:58 +02:00
Code Issues Releases Wiki Activity

Fixing index responsive slide sizes

Browse Source
This commit is contained in:
Luis
2017-07-15 14:28:44 +02:00
parent c109276ef6
commit 0e0b2b4160
4 changed files with 17 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/scss/modules/_zoom.scss
View File

@@ -41,12 +41,12 @@
position: relative;
width: 25%;
@media screen and (orientation: portrait), screen and (max-width: 768px) and (orientation: landscape) {
width: 50%;
@media screen and (max-width: 567px) {
width: 100%;
}
@media (max-aspect-ratio: 2 / 3) {
width: 100%;
@media screen and (min-width: 568px) and (max-width: 1023px) {
width: 50%;
}
> .wrap-zoom {
@@ -56,12 +56,12 @@
position: relative;
transition: .3s;
@media screen and (orientation: portrait), screen and (max-width: 768px) and (orientation: landscape) {
@media screen and (max-width: 567px) {
height: 50vh;
}
@media (max-aspect-ratio: 2 / 3) {
height: 50vh;
@media screen and (min-width: 568px) and (max-width: 1023px) {
height: 33vh;
}
&:hover {