Current path: home/webdevt/www/wdp/wp-content/themes/quadric/assets/css/scss/modules/portfolio/single/
?? Go up: /home/webdevt/www/wdp/wp-content/themes/quadric/assets/css/scss/modules/portfolio
/* ==========================================================================
# Portfolio Single Gallery - begin
========================================================================== */
.gallery {
.edgtf-portfolio-single-media a {
position: relative;
overflow: hidden;
display: block;
.edgtf-portfolio-gallery-text-holder {
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 100%;
height: 100%;
opacity: 0;
background-color: rgba(0,0,0,0.50);
@include edgtfTransition(opacity 0.3s ease-out);
}
.edgtf-portfolio-gallery-text-holder-inner {
position: relative;
display: table;
width: 100%;
height: 100%;
}
.edgtf-portfolio-gallery-text-holder-inner h4 {
display: table-cell;
vertical-align: middle;
text-align: center;
color: #fff;
width: 100%;
height: 100%;
}
img {
display: block;
}
&:hover {
.edgtf-portfolio-gallery-text-holder {
opacity: 1;
}
}
}
}
.gallery.edgtf-portfolio-gallery-three-columns {
.edgtf-portfolio-single-media {
width: 32%;
margin-right: 2%;
margin-bottom: 2%;
float: left;
&:nth-child(3n) {
margin-right: 0;
}
}
}
.gallery.edgtf-portfolio-gallery-two-columns {
.edgtf-portfolio-single-media {
width: 49%;
margin-right: 2%;
margin-bottom: 2%;
float: left;
&:nth-child(2n) {
margin-right: 0;
}
}
}
.gallery.edgtf-portfolio-gallery-four-columns {
.edgtf-portfolio-single-media {
width: 24%;
margin-right: 1.333333%;
margin-bottom: 2%;
float: left;
&:nth-child(4n) {
margin-right: 0;
}
}
}
/* ==========================================================================
# Portfolio Single Gallery - end
========================================================================== */