_mixins.scss — Secure Custom Fields trunk

secure-custom-fields / assets / src / sass / _mixins.scss

secure-custom-fields / assets / src / sass Last commit date

_mixins.scss

45 lines

1	/*--------------------------------------------------------------------------------------------
2	*
3	* Mixins
4	*
5	--------------------------------------------------------------------------------------------/
6	@mixin clearfix() {
7	&:after {
8	display: block;
9	clear: both;
10	content: "";
11	}
12	}
13
14	@mixin border-box() {
15	-webkit-box-sizing: border-box;
16	-moz-box-sizing: border-box;
17	box-sizing: border-box;
18	}
19
20	@mixin centered() {
21	position: absolute;
22	top: 50%;
23	left: 50%;
24	transform: translate(-50%, -50%);
25	}
26
27	@mixin animate( $properties: 'all' ) {
28	-webkit-transition: $properties 0.3s ease; // Safari 3.2+, Chrome
29	-moz-transition: $properties 0.3s ease; // Firefox 4-15
30	-o-transition: $properties 0.3s ease; // Opera 10.5–12.00
31	transition: $properties 0.3s ease; // Firefox 16+, Opera 12.50+
32	}
33
34	@mixin rtl() {
35	html[dir="rtl"]="rtl""] & {
36	text-align: right;
37	@content;
38	}
39	}
40
41	@mixin wp-admin( $version: '3-8' ) {
42	.acf-admin-#{$version} & {
43	@content;
44	}
45	}