.less Lupe für j_colorbox Elemente

Dieser .less Snippet kann dafür verwendet werden, um anklickbare Elemente zu kennzeichnen. Und bitte daran denken:

.image_container { position: relative } 
/* --------------------------------------------------------- MAGNIFIER FOR j_colorbox ELEMENTS ----- */
.cboxElement{

	&:before{
		content: "";
		width: 20px;
		height: 20px;
		position: absolute;
		right: 20px;
		top: 15px;
		border: 5px solid lighten(@black, 40%);
		border-radius: 100%;
	}

	&:after{
		content: "";
		width: 20px;
		height: 5px;
		position: absolute;
		right: 8px;
		top: 40px;
		background-color: lighten(@black, 40%);
	    -ms-transform: rotate(45deg); /* IE 9 */
	    -ms-transform-origin: 20% 40%; /* IE 9 */
	    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	    -webkit-transform-origin: 20% 40%; /* Chrome, Safari, Opera */
	    transform: rotate(45deg);
	    transform-origin: 20% 40%;
	    border-radius: 4px;
	}
}

Zurück

Einen Kommentar schreiben