?? GreyFile — Mystic File Browser

Current path: home/webdevt/www/wdp/wp-content/themes/quadric/assets/css/scss/modules/shortcodes/


?? Go up: /home/webdevt/www/wdp/wp-content/themes/quadric/assets/css/scss/modules

?? Viewing: _blog-list.scss

/* #Latest posts
   ========================================================================== */
.edgtf-blog-list-holder{
	display: inline-block;
	width: 100%;
    
    &>ul{
        list-style: none;
        display: inline-block;
        width: 100%;
        height: 100%;
        position: relative;
        margin: 0;
        padding:0;	
        vertical-align: top;
        
        &>li{
            display: block;
            position: relative; 
        }
    }
    .edgtf-item-text-holder {
        display: inline-block;
        width: 100%;
        box-sizing: border-box;
        padding: 32px 0 20px;
    } 
    .edgtf-excerpt{
        margin: 18px 0 0 0;
    }
    .edgtf-item-info-section {
        margin: 6px 0 0;
        color: $first-main-color;
    }
    .edgtf-item-info-section > div {
        display:inline;
        padding: 0 5px;
        color: #a9a9a9;
        &:first-child{
            padding: 0 5px 0 0;
        }
        a{
            color: #a9a9a9;
        }
        i{
            color: $default-text-color;
            padding-right: 10px;
            font-size: 17px;
        }
    }
    .edgtf-item-info-section > div:not(:first-child):before{
        content: '/';
        left: -5px;
        position: relative;
    }
    .edgtf-item-info-section .edgtf-blog-like a i{
        margin: 0 5px 0 0;
    }
    .edgtf-item-image {
		position: relative;

		img{
        	width:100%;
			vertical-align: middle;
    	}
	}
}
.edgtf-blog-list-holder.edgtf-boxes{
	> ul{
        clear: both;
        
        >li{
            padding: 0;
            float: left;
            border: 0;
            box-sizing: border-box;
            margin: 0 2% 2% 0;

            &:hover .edgtf-item-date{
               @include edgtfTransform(translateY(-7px));
                background-color: $first-main-color;
            }
            &:hover .edgtf-date-year{
                color: #fff;
            }
        }
    }

	.edgtf-image-hover {
		position: absolute;
		background-color: rgba(0,0,0,0.3);
		top: 0;
		left: 0;
		display: block;
		height: 100%;
		width: 100%;
		opacity: 0;
		@include edgtfTransition(opacity 0.3s ease-in-out);

		.edgtf-image-hover-inner {

			display: table;
			vertical-align: middle;
			text-align: center;
			height: 100%;
			width: 100%;
			font-size: 12px;
			text-transform: uppercase;
			font-weight: 700;
			color: #fff;
		}
		.edgtf-image-hover-inner > span{
			display: table-cell;
			vertical-align: middle;
			height: 100%;
		}

		.edgtf-image-hover-inner .edgtf-hover-icon{
			font-size: 25px;
			color: $first-main-color;
			margin-left: 2px;
			vertical-align: middle;
			position: relative;
			top: -1px;
		}
	}

	.edgtf-item-image:hover .edgtf-image-hover {
		opacity: 1;
	}

    .edgtf-item-date {
        position: absolute;
        z-index: 100;
        @include edgtfTransition(transform 0.3s ease-in-out, background-color 0.2s ease-in-out);
        background-color: #18202d;
        width: 58px;
        padding-top: 13px;
        padding-bottom: 13px;
        color: #fff;
        span{
            display: block;
            text-align: center;
        }

        .edgtf-date-month{
            font-size: 12px;
            line-height: 16px;
        }
        .edgtf-date-day{
            font-size: 28px;
            line-height: 28px;
            font-weight: 700;
            margin-bottom: 2px;
        }
        .edgtf-date-year{
            font-size: 12px;
            line-height: 16px;
            color: #8e9094;
            @include edgtfTransition(color 0.1s ease-in-out);
        }
    }
}    
.edgtf-blog-list-holder.edgtf-boxes.edgtf-one-column > ul > li{
    float: none;
    margin: 0; 
}
.edgtf-blog-list-holder.edgtf-boxes.edgtf-two-columns > ul > li{
    width: 49%;
}
.edgtf-blog-list-holder.edgtf-boxes.edgtf-three-columns > ul > li{
    width: 32%;
}
.edgtf-blog-list-holder.edgtf-boxes.edgtf-four-columns > ul > li{
    width: 23.5%;
}
.edgtf-blog-list-holder.edgtf-boxes.edgtf-two-columns ul.edgtf-blog-list li:nth-child(2n),
.edgtf-blog-list-holder.edgtf-boxes.edgtf-three-columns ul.edgtf-blog-list li:nth-child(3n),
.edgtf-blog-list-holder.edgtf-boxes.edgtf-four-columns ul.edgtf-blog-list li:nth-child(4n){
    margin: 0;
}

.edgtf-blog-list-holder.edgtf-boxes.edgtf-two-columns ul.edgtf-blog-list li:nth-child(2n+1),
.edgtf-blog-list-holder.edgtf-boxes.edgtf-three-columns ul.edgtf-blog-list li:nth-child(3n+1),
.edgtf-blog-list-holder.edgtf-boxes.edgtf-four-columns ul.edgtf-blog-list li:nth-child(4n+1){
    clear: both;
}
/*------------------Masonry shortcode -----------------------------*/
.edgtf-blog-list-holder.edgtf-masonry{
    
    .edgtf-blog-list-masonry-grid-sizer {
        width: 32%;
    }

    .edgtf-blog-list-masonry-grid-gutter {
        width: 2%;
    }

    .edgtf-blog-list-masonry-item {
        width: 32%;
    }
}

/*------------------image in left box -----------------------------*/
.edgtf-blog-list-holder.edgtf-image-in-box{
    ul > li:not(:first-child){
        padding: 18px 0 0 0;
    }
    .edgtf-blog-list-item-inner{
        @include edgtfTableLayout;
    }
    .edgtf-item-image{
        @include edgtfTableCellLayout;
        width: 95px;
		padding-right: 12px;
    }
    .edgtf-item-text-holder{
		position: relative;
		display: table-cell;
		height: 100%;
		width: 100%;
		vertical-align: top;
        text-align: left;
		border-bottom: 2px solid $default-border-color;
		padding: 0;
		line-height: 20px;
    }
	p.edgtf-item-title {
		font-weight: 500;
	}
	.edgtf-item-info-section{
		margin-top: 5px;
		font-size: 13px;
	}
}
/*------------------Minimal type styles -----------------------------*/
.edgtf-blog-list-holder.edgtf-minimal{
    &> ul > li:not(:first-child){
        padding: 15px 0 0 0;
    }
    .edgtf-item-text-holder{
        padding: 0;
    }
    .edgtf-excerpt{
        margin: 0;
    }
}

??

??