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 {
|
||||
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) */
|
||||
@ -553,6 +575,7 @@ nav ul ul ul li {
|
||||
/* END: navmenu */
|
||||
|
||||
/* START: polaroid-group */
|
||||
|
||||
.polaroid-line {
|
||||
width: 70vw;
|
||||
margin: auto;
|
||||
|
Loading…
x
Reference in New Issue
Block a user