✏️ Editing: _latest-posts.scss Writable

.ova-latest-posts{
	margin: 0 0 15px 0;
    
    .item{
    	@include transaction( all, 0.3s, ease);
    	display: flex;
    	gap: 20px;
	    padding: 15px 30px;
	    border-bottom: 1px solid rgba(28, 35, 31, 0.1);

&:hover{
	    	@include transaction( all, 0.3s, ease);
	    	.media{
	    		img{
	    			@include transaction( all, 0.3s, ease);
	    			transform:scale(1.05);
	    		}
	    	}
	    	.info{
	    		.post-title{
	    			a{
	    				@include transaction( all, 0.3s, ease);
    					color: var(--primary);
	    			}
	    		}
	    	}
	    }

.media{
    		a{
    			display: flex;
				position: relative;
    			overflow: hidden;
    			img{
    				@include transaction( all, 0.3s, ease);
    				width: 100px;
    				min-width: 84px;
    				min-height: 84px;
				    object-fit: cover;
    			}
    		}
    	}

.info{
			display: flex;
			justify-content: center;
			flex-flow: column;

.post-title{
    			margin: 0;
    			font-size: 16px;
    			font-weight: 600;
    			a{
    				@include transaction( all, 0.3s, ease);
    				color: var(--heading);
    			}
    		}
    		.item-meta{
    			font-size: 15px;
    			line-height: 1.7;
    			.left {
    				margin-right: 8px;
    				i{
    					font-size: 14px;
    					display: inline-flex;
    					vertical-align: middle;
    					color: var(--primary);
    				}
    			}
	    		.right{
	    			color: #9D9E9F;
	    		}
    		}
    	}
    }
}

🔐 Sid Gifari File Manager Pro