editor-one-elements.css — Elementor Website Builder – more than just a page builder 3.35.0-beta4

elementor / assets / css / editor-one-elements.css

elementor / assets / css Last commit date

editor-one-elements.css

147 lines

1	input[type=checkbox] {
2	width: 16px;
3	height: 16px;
4	background-color: var(--e-one-palette-background-default);
5	border: 1px solid var(--e-one-palette-border);
6	border-radius: 4px;
7	cursor: pointer;
8	appearance: none;
9	-webkit-appearance: none;
10	-moz-appearance: none;
11	position: relative;
12	transition: var(--e-a-transition-hover);
13	flex-shrink: 0;
14	}
15	input[type=checkbox]:hover {
16	border-color: var(--e-one-palette-action-focus);
17	}
18	input[type=checkbox]:focus {
19	outline: none;
20	border-color: var(--e-one-palette-action-focus);
21	box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.25);
22	}
23	input[type=checkbox]:checked {
24	background-color: var(--e-one-palette-background-default);
25	}
26	input[type=checkbox]:checked::after {
27	content: "";
28	position: absolute;
29	top: 50%;
30	left: 50%;
31	transform: translate(-50%, -50%) rotate(45deg);
32	width: 4px;
33	height: 8px;
34	border: 2px solid var(--e-one-palette-checkbox-primary);
35	border-top: none;
36	border-left: none;
37	border-radius: 0;
38	}
39	input[type=checkbox]:checked::before {
40	content: "";
41	}
42	input[type=checkbox]:disabled {
43	opacity: 0.5;
44	cursor: not-allowed;
45	}
46
47	input[type=radio] {
48	width: 16px;
49	height: 16px;
50	background-color: var(--e-one-palette-background-default);
51	border: 1px solid var(--e-one-palette-divider);
52	border-radius: 50%;
53	box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.25);
54	cursor: pointer;
55	appearance: none;
56	-webkit-appearance: none;
57	-moz-appearance: none;
58	position: relative;
59	transition: var(--e-a-transition-hover);
60	flex-shrink: 0;
61	}
62	input[type=radio]:hover {
63	border-color: var(--e-one-palette-action-focus);
64	}
65	input[type=radio]:focus {
66	outline: none;
67	border-color: var(--e-one-palette-action-focus);
68	box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px var(--e-one-palette-action-focus);
69	}
70	input[type=radio]:checked {
71	background-color: var(--e-one-palette-background-default);
72	}
73	input[type=radio]:checked::after {
74	content: "";
75	position: absolute;
76	inset-block-start: 50%;
77	inset-inline-start: 50%;
78	transform: translate(-50%, -50%);
79	width: 8px;
80	height: 8px;
81	background-color: var(--e-one-palette-text-primary);
82	border-radius: 50%;
83	}
84	input[type=radio]:checked::before {
85	content: "";
86	}
87	input[type=radio]:disabled {
88	opacity: 0.5;
89	cursor: not-allowed;
90	}
91
92	select,
93	.wp-core-ui select {
94	border: 1px solid var(--e-one-palette-secondary-main);
95	color: var(--e-one-palette-text-primary);
96	background-color: var(--e-one-palette-background-default);
97	border-radius: 3px;
98	height: 30px;
99	font-size: 13px;
100	font-family: var(--e-one-typography-fontFamily);
101	font-weight: 400;
102	line-height: 1.2;
103	transition: var(--e-a-transition-hover);
104	}
105	select:hover,
106	.wp-core-ui select:hover {
107	border-color: var(--e-one-palette-action-focus);
108	}
109	select:focus,
110	.wp-core-ui select:focus {
111	border-color: var(--e-one-palette-action-focus);
112	box-shadow: 0 0 0 1px var(--e-one-palette-action-focus);
113	outline: none;
114	}
115	select:disabled,
116	.wp-core-ui select:disabled {
117	opacity: 0.5;
118	cursor: not-allowed;
119	}
120
121	input[type=text],
122	input[type=email],
123	input[type=url],
124	input[type=password],
125	input[type=number],
126	input[type=search],
127	input[type=tel],
128	textarea {
129	border: 1px solid var(--e-one-palette-divider);
130	color: var(--e-one-palette-text-primary);
131	background-color: var(--e-one-palette-background-default);
132	border-radius: var(--e-a-border-radius);
133	box-shadow: none;
134	}
135	input[type=text]:focus,
136	input[type=email]:focus,
137	input[type=url]:focus,
138	input[type=password]:focus,
139	input[type=number]:focus,
140	input[type=search]:focus,
141	input[type=tel]:focus,
142	textarea:focus {
143	border-color: var(--e-one-palette-action-focus);
144	box-shadow: 0 0 0 1px var(--e-one-palette-action-focus);
145	outline: none;
146	}
147	/# sourceMappingURL=editor-one-elements.css.map /