BAD/BUGGY: Trying to make polaroid mobile friendly - this does not works, but idea worth saving.
This commit is contained in:
parent
aa406e688b
commit
7cf224cef6
@ -442,6 +442,28 @@ input:checked + .slider:before {
|
|||||||
.gallery-title > h2 {
|
.gallery-title > h2 {
|
||||||
font-size: 3.7vw;
|
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);
|
||||||
|
/* IE6–IE9 */
|
||||||
|
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) */
|
/* These are added for the top nav menu for gallery pages (navmenu section) */
|
||||||
@ -553,6 +575,7 @@ nav ul ul ul li {
|
|||||||
/* END: navmenu */
|
/* END: navmenu */
|
||||||
|
|
||||||
/* START: polaroid-group */
|
/* START: polaroid-group */
|
||||||
|
|
||||||
.polaroid-line {
|
.polaroid-line {
|
||||||
width: 70vw;
|
width: 70vw;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user