mirrors
/
tale
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Tweak the style to be bigger on mobile.

This commit is contained in:
Michal Jirku 2020-11-27 22:37:11 +01:00
parent 79c7535e59
commit e9140ee3b4
2 changed files with 26 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
_sass/stlviewer.scss Normal file
View File

@ -0,0 +1,25 @@
.stl-viewer {
width: 100%;
padding-top: 100%;
position: relative;
text-align: center;
vertical-align: middle;
canvas {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
}
.svs-custom { padding-top: 0% !important; margin: 0 auto; }
.svs-4-3 { padding-top: 100% !important; }
.svs-16-9 { padding-top: 100% !important; }
@media (min-width: 600px) {
.stl-viewer { padding-top: 56.25%; }
.svs-4-3 { padding-top: 75% !important; }
.svs-16-9 { padding-top: 56.25% !important; }
}

22
_sass/tale.scss
View File

@ -12,24 +12,4 @@
@import 'tale/sidenote';
@import 'tale/footnotes';
@import 'tale/navigation';
.stl-viewer {
width: 100%;
padding-top: 56.25%;
position: relative;
text-align: center;
vertical-align: middle;
canvas {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
}
.svs-custom { padding-top: 0% !important; margin: 0 auto; }
.svs-4-3 { padding-top: 75% !important; }
.svs-16-9 { padding-top: 56.25% !important; }
@import 'stlviewer';