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

aside {
	b .fa { .rotate(0); .transition(all, .3s, ease-in-out); }
	>ul >li {
        .subUL { .translate(0, 30px); }
        &[data-type="2"] {
			h4 b .fa { .rotate(180deg); }
            .subUL { .translate(0); }
        }
	}
}
#detail_title {
	.time { .transform(translate(-5px, 0)); }
    >div .title { .transform(translate(0, -13px)); }
	.quote_box { .transform(translate(5px, 0)); }
    &.showtime {
		.time , .quote_box { .transform(translate(0, 0)); }
        >div .title { .transform(translate(0, -3px)); }
    }
}
#faq_list li {
	.title i { .rotate(0); .transition(all, .3s, ease-in-out); }
	&.current .title i { .rotate(180deg); }
}
[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); } }