scratch – Blame information for rev 117
?pathlinks?
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 117 | office | 1 | /* Preloader */ |
| 2 | .swiper-lazy-preloader { |
||
| 3 | width: 42px; |
||
| 4 | height: 42px; |
||
| 5 | position: absolute; |
||
| 6 | left: 50%; |
||
| 7 | top: 50%; |
||
| 8 | margin-left: -21px; |
||
| 9 | margin-top: -21px; |
||
| 10 | z-index: 10; |
||
| 11 | -webkit-transform-origin: 50%; |
||
| 12 | -moz-transform-origin: 50%; |
||
| 13 | transform-origin: 50%; |
||
| 14 | -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; |
||
| 15 | -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite; |
||
| 16 | animation: swiper-preloader-spin 1s steps(12, end) infinite; |
||
| 17 | } |
||
| 18 | .swiper-lazy-preloader:after { |
||
| 19 | display: block; |
||
| 20 | content: ""; |
||
| 21 | width: 100%; |
||
| 22 | height: 100%; |
||
| 23 | .encoded-svg-background("<svg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><defs><line id='l' x1='60' x2='60' y1='7' y2='27' stroke='#6c6c6c' stroke-width='11' stroke-linecap='round'/></defs><g><use xlink:href='#l' opacity='.27'/><use xlink:href='#l' opacity='.27' transform='rotate(30 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(60 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(90 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(120 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(150 60,60)'/><use xlink:href='#l' opacity='.37' transform='rotate(180 60,60)'/><use xlink:href='#l' opacity='.46' transform='rotate(210 60,60)'/><use xlink:href='#l' opacity='.56' transform='rotate(240 60,60)'/><use xlink:href='#l' opacity='.66' transform='rotate(270 60,60)'/><use xlink:href='#l' opacity='.75' transform='rotate(300 60,60)'/><use xlink:href='#l' opacity='.85' transform='rotate(330 60,60)'/></g></svg>"); |
||
| 24 | background-position: 50%; |
||
| 25 | -webkit-background-size: 100%; |
||
| 26 | background-size: 100%; |
||
| 27 | background-repeat: no-repeat; |
||
| 28 | |||
| 29 | } |
||
| 30 | .swiper-lazy-preloader-white:after { |
||
| 31 | .encoded-svg-background("<svg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><defs><line id='l' x1='60' x2='60' y1='7' y2='27' stroke='#fff' stroke-width='11' stroke-linecap='round'/></defs><g><use xlink:href='#l' opacity='.27'/><use xlink:href='#l' opacity='.27' transform='rotate(30 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(60 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(90 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(120 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(150 60,60)'/><use xlink:href='#l' opacity='.37' transform='rotate(180 60,60)'/><use xlink:href='#l' opacity='.46' transform='rotate(210 60,60)'/><use xlink:href='#l' opacity='.56' transform='rotate(240 60,60)'/><use xlink:href='#l' opacity='.66' transform='rotate(270 60,60)'/><use xlink:href='#l' opacity='.75' transform='rotate(300 60,60)'/><use xlink:href='#l' opacity='.85' transform='rotate(330 60,60)'/></g></svg>"); |
||
| 32 | } |
||
| 33 | @-webkit-keyframes swiper-preloader-spin { |
||
| 34 | 100% { |
||
| 35 | -webkit-transform: rotate(360deg); |
||
| 36 | } |
||
| 37 | } |
||
| 38 | @keyframes swiper-preloader-spin { |
||
| 39 | 100% { |
||
| 40 | transform: rotate(360deg); |
||
| 41 | } |
||
| 42 | } |