$e-elementor-loader-container-background-color: tints(200); $e-elementor-loader-background-color: rgba(theme-colors(light), .9); :root { --e-elementor-loader-container-background-color: #{$e-elementor-loader-container-background-color}; --e-elementor-loader-background-color: #{$e-elementor-loader-background-color}; } $e-elementor-loader-dark-background-color: dark-tints(500); $e-elementor-loader-container-dark-background-color: dark-tints(700); .eps-theme-dark { --e-elementor-loader-container-background-color: #{$e-elementor-loader-container-dark-background-color}; --e-elementor-loader-background-color: #{$e-elementor-loader-dark-background-color}; } .elementor-loading { background-color: var(--e-elementor-loader-container-background-color); height: 100vh; } .elementor-loader-wrapper { @include absolute-center; width: 300px; display: flex; flex-wrap: wrap; justify-content: center; } .elementor-loader { border-radius: 50%; padding: 40px; height: 150px; width: 150px; background-color: var(--e-elementor-loader-background-color); box-sizing: border-box; // For admin box-shadow: 2px 2px 20px 4px rgba(0, 0, 0, .02); } .elementor-loader-boxes { height: 100%; width: 100%; position: relative; } .elementor-loader-box { $animation-time: 1.8s; position: absolute; background-color: $editor-lightest; animation: load $animation-time linear infinite; &:nth-of-type(1) { width: 20%; height: 100%; left: 0; top: 0; } &:not(:nth-of-type(1)) { right: 0; height: 20%; width: 60%; } &:nth-of-type(2) { top: 0; animation-delay: calc( #{$animation-time} / 4 * -1 ); } &:nth-of-type(3) { top: 40%; animation-delay: calc( #{$animation-time} / 4 * -2 ); } &:nth-of-type(4) { bottom: 0; animation-delay: calc( #{$animation-time} / 4 * -3 ); } } .elementor-loading-title { $spacing: 7px; color: $editor-light; text-align: center; text-transform: uppercase; margin-top: 30px; letter-spacing: $spacing; text-indent: $spacing; font-size: 10px; width: 100%; } @keyframes load { 0% { opacity: .3; } 50% { opacity: 1; } 100% { opacity: .3; } }
\u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0421\u0430\u0439\u0442 \u041f\u0438\u043d \u0410\u043f, \u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f \u0418 \u0432\u0445\u043e\u0434, \u0418\u0433\u0440\u0430\u0442\u044c \u041d\u0430 \u043a\u0432\u0430\u0440\u043f\u043b\u0430\u0442\u0443<\/p>\n
Content<\/p>\n
\u041e\u043d\u043b\u0430\u0439\u043d \u043a\u0430\u0437\u0438\u043d\u043e \u041f\u0438\u043d \u0410\u043f \u043f\u0440\u0438\u0432\u043b\u0435\u043a\u043b\u0430 \u0438\u0433\u0440\u043e\u043a\u043e\u0432 \u0438\u0437 \u0440\u0430\u0437\u043d\u044b\u0445 \u0441\u0442\u0440\u0430\u043d \u043d\u0430 \u043f\u0440\u043e\u0442\u044f\u0436\u0435\u043d\u0438\u0438 5 \u043b\u0435\u0442 \u043d\u0438\u043c \u0441\u0447\u0435\u0442 \u0432\u044b\u0433\u043e\u0434\u043d\u044b\u0445 \u043e\u0431\u0441\u0442\u043e\u044f\u0442\u0435\u043b\u044c\u0441\u0442\u0432\u0430 \u0438\u0433\u0440\u044b \u043d\u0430 \u0434\u0435\u043d\u044c\u0433\u0438. \u041d\u0430 \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u043c \u0441\u0430\u0439\u0442\u0435 \u041f\u0438\u043d\u0410\u043f \u0441\u043e\u0431\u0440\u0430\u043d\u0430 \u0437\u0430\u043c\u0435\u0447\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0439 \u043a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u044f \u0443\u0432\u043b\u0435\u043a\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u0430\u0437\u0430\u0440\u0442\u043d\u044b\u0445 \u0441\u043b\u043e\u0442\u043e\u0432, \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0449\u0438\u0445 \u0430 \u043b\u044e\u0431\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u0438\u0433\u0440\u0430\u0442\u044c \u043f\u043b\u0430\u0442\u043d\u043e \u0438\u043b\u0438 \u0430 \u0434\u0435\u043c\u043e \u0440\u0435\u0436\u0438\u043c\u0435. \u041f\u0440\u043e\u0434\u0443\u043c\u0430\u043d\u043d\u044b\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b \u043d\u0430 \u0440\u043e\u0441\u0441\u0438\u0439\u0441\u043a\u043e\u043c \u044f\u0437\u044b\u043a\u0435 \u0434\u0430\u0435\u0442 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0443\u0434\u043e\u0431\u043d\u043e \u0432\u044b\u0431\u0438\u0440\u0430\u0442\u044c \u043d\u0443\u0436\u043d\u044b\u0445 \u043e\u043f\u0446\u0438\u0438 \u0438\u0433\u0440\u043e\u043a\u0430\u043c \u043e\u0434\u043d\u0438\u043c \u0420\u043e\u0441\u0441\u0438\u0438 \u0438 \u0434\u0440\u0443\u0433\u0438\u0445 \u0440\u0435\u0433\u0438\u043e\u043d\u043e\u0432 \u0421\u041d\u0413.<\/p>\n