LaravelTest
73 строки · 2.0 Кб
1/* This is a compiled file, to make changes persist, consider editing under the templates directory */
2.pace {3-webkit-pointer-events: none;4pointer-events: none;5
6-webkit-user-select: none;7-moz-user-select: none;8user-select: none;9}
10
11.pace .pace-activity {12display: block;13position: fixed;14z-index: 2000;15top: 0;16right: 0;17width: 300px;18height: 300px;19background: #000000;20-webkit-transition: -webkit-transform 0.3s;21transition: transform 0.3s;22-webkit-transform: translateX(100%) translateY(-100%) rotate(45deg);23transform: translateX(100%) translateY(-100%) rotate(45deg);24pointer-events: none;25}
26
27.pace.pace-active .pace-activity {28-webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);29transform: translateX(50%) translateY(-50%) rotate(45deg);30}
31
32.pace .pace-activity::before,
33.pace .pace-activity::after {34-moz-box-sizing: border-box;35box-sizing: border-box;36position: absolute;37bottom: 30px;38left: 50%;39display: block;40border: 5px solid #fff;41border-radius: 50%;42content: '';43}
44
45.pace .pace-activity::before {46margin-left: -40px;47width: 80px;48height: 80px;49border-right-color: rgba(0, 0, 0, .2);50border-left-color: rgba(0, 0, 0, .2);51-webkit-animation: pace-theme-corner-indicator-spin 3s linear infinite;52animation: pace-theme-corner-indicator-spin 3s linear infinite;53}
54
55.pace .pace-activity::after {56bottom: 50px;57margin-left: -20px;58width: 40px;59height: 40px;60border-top-color: rgba(0, 0, 0, .2);61border-bottom-color: rgba(0, 0, 0, .2);62-webkit-animation: pace-theme-corner-indicator-spin 1s linear infinite;63animation: pace-theme-corner-indicator-spin 1s linear infinite;64}
65
66@-webkit-keyframes pace-theme-corner-indicator-spin {670% { -webkit-transform: rotate(0deg); }68100% { -webkit-transform: rotate(359deg); }69}
70@keyframes pace-theme-corner-indicator-spin {710% { transform: rotate(0deg); }72100% { transform: rotate(359deg); }73}
74