_input.scss — Secure Custom Fields trunk

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

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

_input.scss

56 lines

1	// Temp remove.
2	.acf-temp-remove {
3	position: relative;
4	opacity: 1;
5	-webkit-transition: all 0.25s ease;
6	-moz-transition: all 0.25s ease;
7	-o-transition: all 0.25s ease;
8	transition: all 0.25s ease;
9	overflow: hidden;
10
11	/* overlay prevents hover */
12	&:after {
13	display: block;
14	content: "";
15	position: absolute;
16	top: 0;
17	left: 0;
18	right: 0;
19	bottom: 0;
20	z-index: 99;
21	}
22	}
23
24	// Conditional Logic.
25	.hidden-by-conditional-logic {
26	display: none !important;
27
28	// Table cells may "appear empty".
29	&.appear-empty {
30	display: table-cell !important;
31	.acf-input {
32	display: none !important;
33	}
34	}
35	}
36
37	// Compat support for "Tabify" plugin.
38	.acf-postbox.acf-hidden {
39	display: none !important;
40	}
41
42	// Focus Attention.
43	.acf-attention {
44	transition: border 0.250s ease-out;
45	&.-focused {
46	border: #23282d solid 1px !important;
47	transition: none;
48	}
49	}
50	tr.acf-attention {
51	transition: box-shadow 0.250s ease-out;
52	position: relative;
53	&.-focused {
54	box-shadow: #23282d 0 0 0px 1px !important;
55	}
56	}