css3 snippet

snippets.less

.no-select {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.no-drag {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-drag: none;
	user-drag: none;
}

.gradient (@bottom, @top, @bgcolor) {	
	background: @bgcolor; /* Old browsers */
	background: fixed -moz-linear-gradient(top, @top 0%, @bottom 100%); /* FF3.6+ */
	background: fixed -webkit-gradient(linear, left top, left bottom, color-stop(0%,@top), color-stop(100%,@bottom)); /* Chrome,Safari4+ */
	background: fixed -webkit-linear-gradient(top, @top 0%,@bottom 100%); /* Chrome10+,Safari5.1+ */
	background: fixed -o-linear-gradient(top, @top 0%,@bottom 100%); /* Opera11.10+ */
	background: fixed -ms-linear-gradient(top, @top 0%,@bottom 100%); /* IE10+ */
	background: fixed linear-gradient(top, @top 0%,@bottom 100%); /* W3C */
}

.boxshadow {
	-moz-box-shadow: 0px 1px 1px #777;
	box-shadow: 0px 2px 1px #999;
}

.textshadow {
	text-shadow: 0px 2px 3px #333;
}