@wordpress/components
Version:
UI components for WordPress.
22 lines (20 loc) • 3.1 kB
JavaScript
import _styled from "@emotion/styled-base";
import { keyframes } from '@emotion/core';
/**
* Internal dependencies
*/
import { color, config } from '../../utils';
const spinAnimation = keyframes`
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
`;
const topLeft = `calc( ( ${config('spinnerSize')} - ${config('spinnerSize')} * ( 2 / 3 ) ) / 2 )`;
export const StyledSpinner = _styled("span", {
target: "e1s472tg0",
label: "StyledSpinner"
})("display:inline-block;background-color:", color('gray.600'), ";width:", config('spinnerSize'), ";height:", config('spinnerSize'), ";opacity:0.7;margin:5px 11px 0;border-radius:100%;position:relative;&::before{content:'';position:absolute;background-color:", color('white'), ";top:", topLeft, ";left:", topLeft, ";width:calc( ", config('spinnerSize'), " / 4.5 );height:calc( ", config('spinnerSize'), " / 4.5 );border-radius:100%;transform-origin:calc( ", config('spinnerSize'), " / 3 ) calc( ", config('spinnerSize'), " / 3 );animation:", spinAnimation, " 1s infinite linear;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3Bpbm5lci9zdHlsZXMvc3Bpbm5lci1zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJ3QyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3NwaW5uZXIvc3R5bGVzL3NwaW5uZXItc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNvbG9yLCBjb25maWcgfSBmcm9tICcuLi8uLi91dGlscyc7XG5cbmNvbnN0IHNwaW5BbmltYXRpb24gPSBrZXlmcmFtZXNgXG5cdGZyb20ge1xuXHRcdHRyYW5zZm9ybTogcm90YXRlKDBkZWcpO1xuXHR9XG5cblx0dG8ge1xuXHRcdHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7XG5cdH1cbmA7XG5cbmNvbnN0IHRvcExlZnQgPSBgY2FsYyggKCAkeyBjb25maWcoICdzcGlubmVyU2l6ZScgKSB9IC0gJHsgY29uZmlnKFxuXHQnc3Bpbm5lclNpemUnXG4pIH0gKiAoIDIgLyAzICkgKSAvIDIgKWA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTcGlubmVyID0gc3R5bGVkLnNwYW5gXG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0YmFja2dyb3VuZC1jb2xvcjogJHsgY29sb3IoICdncmF5LjYwMCcgKSB9O1xuXHR3aWR0aDogJHsgY29uZmlnKCAnc3Bpbm5lclNpemUnICkgfTtcblx0aGVpZ2h0OiAkeyBjb25maWcoICdzcGlubmVyU2l6ZScgKSB9O1xuXHRvcGFjaXR5OiAwLjc7XG5cdG1hcmdpbjogNXB4IDExcHggMDtcblx0Ym9yZGVyLXJhZGl1czogMTAwJTtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXG5cdCY6OmJlZm9yZSB7XG5cdFx0Y29udGVudDogJyc7XG5cdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7IGNvbG9yKCAnd2hpdGUnICkgfTtcblx0XHR0b3A6ICR7IHRvcExlZnQgfTtcblx0XHRsZWZ0OiAkeyB0b3BMZWZ0IH07XG5cdFx0d2lkdGg6IGNhbGMoICR7IGNvbmZpZyggJ3NwaW5uZXJTaXplJyApIH0gLyA0LjUgKTtcblx0XHRoZWlnaHQ6IGNhbGMoICR7IGNvbmZpZyggJ3NwaW5uZXJTaXplJyApIH0gLyA0LjUgKTtcblx0XHRib3JkZXItcmFkaXVzOiAxMDAlO1xuXHRcdHRyYW5zZm9ybS1vcmlnaW46IGNhbGMoICR7IGNvbmZpZyggJ3NwaW5uZXJTaXplJyApIH0gLyAzIClcblx0XHRcdGNhbGMoICR7IGNvbmZpZyggJ3NwaW5uZXJTaXplJyApIH0gLyAzICk7XG5cdFx0YW5pbWF0aW9uOiAkeyBzcGluQW5pbWF0aW9uIH0gMXMgaW5maW5pdGUgbGluZWFyO1xuXHR9XG5gO1xuIl19 */"));
//# sourceMappingURL=spinner-styles.js.map