Your IP : 216.73.217.6

Current Path : /home/atelierpru/provence/squelettes/less/theme_components/
Upload File :
Current File : /home/atelierpru/provence/squelettes/less/theme_components/boxes.less

/*! -- Stack Boxes -- */

.boxed{
	border-radius: 6px;
	.background-image-holder{
		border-radius: 6px;
	}
	&:before{
		border-radius: 6px;
	}
	&:not(:last-child){
		margin-bottom: 30px;
	}
	&:not([class*='bg-']){
		background: @color-bg-site;
	}
	&.bg--secondary{
		.boxed{
			background: @color-bg-secondary;
		}
	}
}

@media all and (min-width: 768px){
	.switchable{
		.imagebg{
			.boxed{
				padding-left: @base-line-height*3;
			}
		}
	}
}

.bg--dark,.imagebg:not(.image--light){
	.boxed:not([class*='bg-']){
		background: none;
		color: #fff;
		&.boxed--border{
			border-color: lighten(@color-dark, 10%);
		}
	}	
	.boxed{
		&[class*='bg-']{
			&.boxed--border{
				border: none;
			}
		}
	}
}

.imagebg{
	&:not(.image--light){
		.boxed:not(.bg--white):not(.bg--none){
			background: rgba(20,20,20,0.3);
			&.boxed--border{
				border: none;
			}
			.boxed{
				background: none;
			}
		}	
	}
}

.bg--primary{
	.boxed:not(.imagebg){
		color: @color-body;
		p{
			color: @color-body;
		}
		h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,i{
			color: @color-dark;
		}
		a{
			color: @color-primary;
		}
		.color--primary{
			color: @color-primary !important;
		}
	}
}

@media all and (min-width: 768px){
	.boxed{
		&.boxed--emphasis{
			.scale(1.075);
		}
	}
}