@base-url: "../mixins";
@import "@{base-url}/vendor-prefixes.less";

aside {
	#sidebtn {
		&:before { .transform(translateX(-140%) skewX(63deg)); }
		i { .transition(all, .3s, ease-in-out); .rotate(0); }
		&[data-type="2"]:before { .transform(translateX(0) skewX(0)); }
		&[data-type="2"] i { .rotate(180deg); }
	}
	>ul >li {
		overflow: hidden;
		.subUL { opacity: 0; }
		@media (min-width: 1281px) {
			.subUL { .translate(0, 30px); }
			&:hover {
				overflow: visible;
				.subUL { .translate(0); opacity: 1; }
			}
		}
		@media (max-width: 1280px) {
			& >ul { .translate(0, -30px); }
			&[data-type="2"] >ul { .translate(0); }
		}
	}
}
#orderfunction a , .orderWrap .list .info p.qBox a { .circular(25px); }

[data-action="loader"] {
	.loader_circle { .circular(50px); }
	&#lodbg .loader_circle { .animation(circle infinite .75s linear); }
}

@keyframes circle { 0% { .rotate(0); } 100% { .rotate(360deg); } }
@-webkit-keyframes circle { 0% { .rotate(0); } 100% { .rotate(360deg); } }