From 5ff2f89afb71fd2976c487692ec73085241e09c7 Mon Sep 17 00:00:00 2001 From: Haishan Date: Sun, 6 Jun 2021 00:32:24 +0800 Subject: Stop use postcss-nested postcss-extend-rule --- src/components/Loading.module.css | 28 ---------------------------- 1 file changed, 28 deletions(-) delete mode 100644 src/components/Loading.module.css (limited to 'src/components/Loading.module.css') diff --git a/src/components/Loading.module.css b/src/components/Loading.module.css deleted file mode 100644 index a59b7dd..0000000 --- a/src/components/Loading.module.css +++ /dev/null @@ -1,28 +0,0 @@ -.loading { - width: 100%; - height: 100%; - display: flex; - justify-content: center; - align-items: center; -} - -.spinner { - width: 20px; - height: 20px; - display: inline-block; - vertical-align: middle; - animation: rotate 1s steps(12, end) infinite; - background: transparent - url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E9E9E9' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23989697' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%239B999A' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23A3A1A2' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23ABA9AA' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23B2B2B2' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23BAB8B9' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23C2C0C1' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23CBCBCB' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23D2D2D2' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23DADADA' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E2E2E2' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E") - no-repeat; - background-size: 100%; -} - -@keyframes rotate { - 0% { - transform: rotate3d(0, 0, 1, 0deg); - } - 100% { - transform: rotate3d(0, 0, 1, 360deg); - } -} -- cgit v1.3.1