force-refresh / library / dist / css / force-refresh-admin.built.css

force-refresh-admin.built.css in Force Refresh 2.0.0, at library/dist/css/force-refresh-admin.built.css

292 lines 8.5 KB

Raw Download Zip

1	/**
2	* Mixin for outputting border radius with vendor prefixes.
3	*
4	* @param {int} $radius The border radius
5	*
6	* @deprecated This is no longer necessary [https://css-tricks.com/do-we-need-box-shadow-prefixes/]
7	*
8	*/
9	/**
10	* Mixin for outputting box shadows with vendor prefixes.
11	*
12	* @param {string} $width The width to apply to the box shadow
13	*
14	* @deprecated This is no longer necessary [https://css-tricks.com/do-we-need-box-shadow-prefixes/]
15	*
16	*/
17	/**
18	* Advanced mixin for outputting box shadows with vendor prefixes.
19	*
20	* @param {string} $top The top box shadow amount
21	* @param {string} $left The left box shadow amount
22	* @param {int} $blur The amount to blur
23	* @param {string} $color The color to use
24	* @param {boolean} $inset: false Whether or not to inset
25	*
26	* @deprecated This is no longer necessary [https://css-tricks.com/do-we-need-box-shadow-prefixes/]
27	*
28	*/
29	/**
30	* Mixin for outputting transition properties with vendor prefixes.
31	*
32	* @param {string} $transitionProperties... Different transition properties, separated by commas
33	*
34	*/
35	/**
36	* Mixin for making an element unselectable by the user.
37	*
38	*/
39	/**
40	* Mixin for outputting rotation properties with vendor prefixes.
41	*
42	* @param {int} $degrees The degrees to rotate the element
43	*
44	*/
45	/**
46	* Mixin for outputting scale properties with vendor prefixes.
47	*
48	* @param {int} $scale_amount The amount to scale
49	*
50	*/
51	/**
52	* Mixin for outputting placeholder text used with inputs.
53	*
54	*/
55	/**
56	* Mixin for outputting an element opacity (good for old versions of IE).
57	*
58	* @param {float} $opacity The opacity
59	*
60	*/
61	/**
62	* Mixin to output a Font Awesome icon. This must be placed inside of a pseudo-element
63	*
64	* @param {string} $icon_code The icon code (with the preceding escape character)
65	* @param {array} $overrides: () Any overrides for the default attributes with Font Awesome
66	*/
67	/**
68	* Mixin used to generate an animation. The content will be repeated for all of the vendor prefixes.
69	*
70	* @param {string} $animation_name The name of the animation
71	*
72	* @see animation
73	*
74	*/
75	/**
76	* Mixin used to output the CSS to invoke an animation.
77	*
78	* @param {string} $animation_name The animation name to use
79	* @param {string] $speed: 2s The speed of the animation
80	* @param {string} $timing_function: infinite The timing function (if it repeats, etc)
81	* @param {string} $delay : 0s Any delay applied to the animation
82	*
83	*/
84	/**
85	* Mixin used to vertical-align an element
86	*
87	*/
88	/**
89	* Mixin used to assign text color and check if the selected text color has a defined highlight color in the color map
90	*
91	*/
92	/**
93	* Mixin used to assign special styles to high-resolution screens
94	*
95	*/
96	/**
97	* Mixin used to apply styles to specific viewports.
98	*
99	* @param {string} $min The min width for the query
100	* @param {string} $max: false An optional max-width for the query
101	*
102	*/
103	/**
104	* Mixin used to apply styles to the XXS viewport.
105	*
106	* @param {boolean} $limit Whether to only apply the style to the specified viewport and apply a max-width argument
107	*
108	*/
109	/**
110	* Mixin used to apply styles to the XS viewport.
111	*
112	* @param {boolean} $limit Whether to only apply the style to the specified viewport and apply a max-width argument
113	*
114	*/
115	/**
116	* Mixin used to apply styles to the small viewport.
117	*
118	* @param {boolean} $limit Whether to only apply the style to the specified viewport and apply a max-width argument
119	*
120	*/
121	/**
122	* Mixin used to apply styles to the medium viewport.
123	*
124	* @param {boolean} $limit Whether to only apply the style to the specified viewport and apply a max-width argument
125	*
126	*/
127	/**
128	* Mixin used to apply styles to the large viewport.
129	*
130	*/
131	/**
132	* Mixin to make it easy to declare a REM-based font size and get the pre-calculated font-size (for older browsers like IE)
133	*
134	* @param {int \|\| float} $text_size_in_rem The font size in REM
135	*
136	*/
137	/**
138	* Mixin to generate a transition
139	*
140	* @param {string} $transitionProperties... The properties to animate
141	*
142	* @return {void}
143	*/
144	/**
145	* Spin for WebKit
146	*/
147	@-webkit-keyframes spin {
148	0% {
149	-webkit-transform: rotate(0deg);
150	transform: rotate(0deg); }
151	50% {
152	-webkit-transform: rotate(180deg);
153	transform: rotate(180deg); }
154	100% {
155	-webkit-transform: rotate(360deg);
156	transform: rotate(360deg); } }
157	/**
158	* Spin for Firefox
159	*/
160	@-moz-keyframes spin {
161	0% {
162	-moz-transform: rotate(0deg);
163	transform: rotate(0deg); }
164	50% {
165	-moz-transform: rotate(180deg);
166	transform: rotate(180deg); }
167	100% {
168	-moz-transform: rotate(360deg);
169	transform: rotate(360deg); } }
170	/**
171	* Spin for Opera (who's still using this?)
172	*/
173	@-o-keyframes spin {
174	0% {
175	-o-transform: rotate(0deg);
176	transform: rotate(0deg); }
177	50% {
178	-o-transform: rotate(180deg);
179	transform: rotate(180deg); }
180	100% {
181	-o-transform: rotate(360deg);
182	transform: rotate(360deg); } }
183	/**
184	* Spin for generic stuff
185	*/
186	@keyframes spin {
187	0% {
188	transform: rotate(0deg); }
189	50% {
190	transform: rotate(180deg); }
191	100% {
192	transform: rotate(360deg); } }
193	.logo-spin {
194	-webkit-animation-name: spin;
195	-moz-animation-name: spin;
196	animation-name: spin;
197	-webkit-animation-duration: 1s;
198	-moz-animation-duration: 1s;
199	animation-duration: 1s;
200	-webkit-animation-timing-function: linear;
201	-moz-animation-timing-function: linear;
202	animation-timing-function: linear;
203	-webkit-animation-iteration-count: 1;
204	-moz-animation-iteration-count: 1;
205	animation-iteration-count: 1;
206	-webkit-transform-origin: 50% 47.5%;
207	-moz-transform-origin: 50% 47.5%;
208	-ms-transform-origin: 50% 47.5%;
209	-o-transform-origin: 50% 47.5%;
210	transform-origin: 50% 47.5%; }
211
212	.notice {
213	opacity: 1;
214	-webkit-transition: opacity 500ms;
215	-moz-transition: opacity 500ms;
216	-ms-transition: opacity 500ms;
217	-o-transition: opacity 500ms;
218	transition: opacity 500ms; }
219	.notice.notice-invisible {
220	opacity: 0; }
221	.notice.notice-hidden {
222	display: none; }
223
224	.force-refresh-admin-container {
225	display: flex;
226	width: 100%;
227	margin-top: 10px; }
228	.force-refresh-admin-container .force-refresh-admin-main {
229	width: 66.6666666667%;
230	margin: 0 auto;
231	padding: 10px;
232	text-align: center;
233	border: 2px solid #d8d8d8;
234	border-radius: 10px;
235	background-color: white;
236	-webkit-backface-visibility: hidden; }
237	.force-refresh-admin-container .force-refresh-admin-main .logo {
238	font-size: 40px;
239	width: 40px;
240	height: 40px; }
241	.force-refresh-admin-container .force-refresh-admin-main .button {
242	font-size: 20px;
243	display: inline;
244	cursor: pointer; }
245	.force-refresh-admin-container .force-refresh-admin-main .force-refresh-admin-main-inner {
246	padding: 20px 0 30px; }
247	.force-refresh-admin-container .force-refresh-admin-options {
248	width: 33.3333333333%;
249	margin: 0 auto; }
250	.force-refresh-admin-container .force-refresh-admin-options .force-refresh-admin-options-inner {
251	margin: 0 20px;
252	padding: 0 20px 10px;
253	border: 2px solid white;
254	border-radius: 10px;
255	background-color: white; }
256	.force-refresh-admin-container .force-refresh-admin-options .force-refresh-admin-options-inner .option-group {
257	margin-top: 10px; }
258	.force-refresh-admin-container .force-refresh-admin-options .force-refresh-admin-options-inner select {
259	font-size: 14px;
260	height: 22px; }
261	.force-refresh-admin-container .force-refresh-admin-options .force-refresh-admin-options-inner .force-refresh-options-header {
262	text-align: center; }
263	.force-refresh-admin-container .force-refresh-admin-options .force-refresh-admin-options-footer {
264	margin-top: 20px;
265	text-align: right; }
266	.force-refresh-admin-container .force-refresh-admin-options .force-refresh-admin-options-footer button {
267	margin-top: 10px; }
268
269	#force-refresh-meta-box-refresh-type-selector {
270	width: 100%;
271	margin: 10px 0 0; }
272
273	#force-refresh-meta-box-refresh-type-descriptions li {
274	font-size: 0.7rem;
275	line-height: 1.4;
276	display: none;
277	color: #a2a2a2; }
278	#force-refresh-meta-box-refresh-type-descriptions li.selected {
279	display: block; }
280
281	#force-refresh-meta-box-refresh-type-options-container .force-refresh-meta-box-refresh-type-options {
282	display: none; }
283	#force-refresh-meta-box-refresh-type-options-container .force-refresh-meta-box-refresh-type-options.selected {
284	display: block; }
285
286	#wp-admin-bar-force-refresh {
287	cursor: pointer; }
288	#wp-admin-bar-force-refresh .fa {
289	font-family: FontAwesome !important; }
290	#wp-admin-bar-force-refresh span {
291	margin-left: 5px; }
292