BAD/BUGGY: Trying to make polaroid mobile friendly - this does not works, but idea worth saving.

This commit is contained in:
Richard Thier 2020-03-07 00:06:56 +01:00
parent aa406e688b
commit 7cf224cef6

View File

@ -442,6 +442,28 @@ input:checked + .slider:before {
.gallery-title > h2 {
font-size: 3.7vw;
}
/* BEGIN polaroid-group */
a.polaroid {
/*Size by calculating image size*/
width: auto !important;
height: auto !important;
}
/* Size image for mobile so screen is not getting */
a.polaroid img {
-webkit-transform: scale(0.7); /* Saf3.1+, Chrome */
-moz-transform: scale(0.7); /* FF3.5+ */
-ms-transform: scale(0.7); /* IE9 */
-o-transform: scale(0.7); /* Opera 10.5+ */
transform: scale(0.7);
/* IE6IE9 */
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.9999619230641713, M12=-0.008726535498373935, M21=0.008726535498373935, M22=0.9999619230641713,SizingMethod='auto expand');
}
a.polaroid h5 {
display: none !important; /*No image text on mobile - too small space*/
}
/* END polaroid-group */
}
/* These are added for the top nav menu for gallery pages (navmenu section) */
@ -553,6 +575,7 @@ nav ul ul ul li {
/* END: navmenu */
/* START: polaroid-group */
.polaroid-line {
width: 70vw;
margin: auto;