Your IP : 216.73.217.68

Current Path : /home/atelierpru/www/OLD/squelettes/less/theme_components/
Upload File :
Current File : /home/atelierpru/www/OLD/squelettes/less/theme_components/buttons.less

/*! -- Stack Buttons -- */

.btn{
	position: relative;
	&:not([class*='primary']){
		border-color: #d3d3d3;
		&:hover{
			border-color: @color-dark;
		}
	}
	&.type--uppercase{
		letter-spacing: .5px;
		.btn__text{
			letter-spacing: .5px;
			margin-right: -.5px;
		}
	}
	.label{
		top: -@base-line-height/2;
		right: -@base-line-height*2;
	}
	&.btn--lg{
		.btn__text{
			font-weight: 600;
		}
		&.type--uppercase{
			.btn__text{
				letter-spacing: 1px;
			}
		}
	}
	+p.type--fine-print,+span.type--fine-print{
		margin-top: 1.08333333333334em;
	}
	&.block{
		margin-left: 0;
		+.btn.block{
			margin-top: @base-line-height/2;
		}
	}
	&:hover{
		.translate3d(0,-2px,0);
	}
	&.btn--sm{
		+.btn--sm{
			margin-left: @base-line-height/2;
		}
	}
}

p{
	> .btn{
		text-decoration: none;
	}
}

@media all and (max-width: 767px){
	.btn{
		&:not(:last-child){
			margin-bottom: @base-line-height;
		}
	}
}

.btn--icon{
	padding-left: @base-line-height*3;
	i{
		position: absolute;
		height: 100%;
		left: 0;
		top: 0;
		background: rgba(0,0,0,.1);
		padding: 0 13px;
		border-radius: @button-radius 0 0 @button-radius;
		font-size: 16px;
		line-height: 41px;
		&.socicon{
			line-height: 42px;
		}
	}
}

.btn--cart{
	width: @base-line-height*2;
	height: @base-line-height*2;
	border: 2px solid @color-dark;
	display: block;
	text-align: center;
	border-radius: 6px;
	opacity: .4;
	padding: 0;
	&:hover{
		opacity: 1;
	}
	.btn__text{
		position: absolute;
		width: 100%;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		font-size: 1.142857142857143em;
	}
}

.imagebg:not(.image--light){
	.btn--icon{
		&:not([class*='bg']):not([class*='primary']){
			i{
				color: #fff;
				background: rgba(255,255,255,.2);
			}
		}
	}
}

@media all and (min-width: 768px){
	.btn-group{
		.btn{
			margin-bottom: 0 !important;
			margin-left: 0;
			+.btn{
				margin-left: 0;
			}
			&:not(:first-child):not(:last-child){
				border-radius: 0;
			}
			&:first-child{
				border-radius: 6px 0 0 6px;
			}
			&:last-child{
				border-radius: 0 6px 6px 0;
			}
			&:first-child:nth-last-child(2),&:last-child:nth-child(2){
				width: 50%;
			}
		}
	}
}

.btn-group{
	border: none;
	padding: 0;
}

@media all and (max-width: 767px){
	.btn-group{
		.btn{
			display: block;
		}
	}
}


.bg--primary{
	div:not([class*='feature']){
		.btn--primary{
			background: #fff;
			border-color: #fff;
			.btn__text{
				color: @color-primary;
			}
		}
	}
	> .btn--primary{
		background: #fff;
		border-color: #fff;
		.btn__text{
			color: @color-primary;
		}
	}
}

.bg--dark{
	.btn{
		&:not(.btn--primary){
			border-color: lighten(@color-dark, 10%);
			&:hover{
				border-color: lighten(@color-dark, 25%);
			}
		}
		.btn__text{
			color: #fff;
		}
	}
}

.imagebg:not(.image--light){
	.btn{
		&:not([class*='primary']){
			border-color: rgba(255,255,255,0.3);
			&:hover{
				border-color: #fff;
			}
		}
	}
}

.imagebg.image--light{
	.btn{
		&:not([class*='primary']){
			border-color: @color-dark;
			background: rgba(255,255,255,.3);
			&:hover{
				background: rgba(255,255,255,.5);
			}
		}
	}
}

h1,.h1{
	+.btn{
		margin-top: @base-line-height;
	}
}

h2,.h2{
	+.btn{
		margin-top: @base-line-height/2;
	}
}