@polymer/paper-spinner
Advanced tools
Comparing version 3.0.1 to 3.0.2
@@ -28,3 +28,3 @@ { | ||
}, | ||
"version": "3.0.1", | ||
"version": "3.0.2", | ||
"author": "The Polymer Authors", | ||
@@ -31,0 +31,0 @@ "dependencies": { |
@@ -25,4 +25,8 @@ /** | ||
<div class="spinner-layer"> | ||
<div class="circle-clipper left"></div> | ||
<div class="circle-clipper right"></div> | ||
<div class="circle-clipper left"> | ||
<div class="circle"></div> | ||
</div> | ||
<div class="circle-clipper right"> | ||
<div class="circle"></div> | ||
</div> | ||
</div> | ||
@@ -29,0 +33,0 @@ </div> |
@@ -11,1 +11,3 @@ /** | ||
export {}; |
@@ -246,2 +246,3 @@ /** | ||
.spinner-layer::after { | ||
content: ''; | ||
left: 45%; | ||
@@ -253,4 +254,3 @@ width: 10%; | ||
.spinner-layer::after, | ||
.circle-clipper::after { | ||
content: ''; | ||
.circle-clipper .circle { | ||
box-sizing: border-box; | ||
@@ -263,3 +263,3 @@ position: absolute; | ||
.circle-clipper::after { | ||
.circle-clipper .circle { | ||
bottom: 0; | ||
@@ -271,3 +271,3 @@ width: 200%; | ||
.circle-clipper.left::after { | ||
.circle-clipper.left .circle { | ||
left: 0; | ||
@@ -279,3 +279,3 @@ border-right-color: transparent !important; | ||
.circle-clipper.right::after { | ||
.circle-clipper.right .circle { | ||
left: -100%; | ||
@@ -288,3 +288,3 @@ border-left-color: transparent !important; | ||
.active .gap-patch::after, | ||
.active .circle-clipper::after { | ||
.active .circle-clipper .circle { | ||
-webkit-animation-duration: var(--paper-spinner-expand-contract-duration); | ||
@@ -298,3 +298,3 @@ -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); | ||
.active .circle-clipper.left::after { | ||
.active .circle-clipper.left .circle { | ||
-webkit-animation-name: left-spin; | ||
@@ -304,3 +304,3 @@ animation-name: left-spin; | ||
.active .circle-clipper.right::after { | ||
.active .circle-clipper.right .circle { | ||
-webkit-animation-name: right-spin; | ||
@@ -353,1 +353,3 @@ animation-name: right-spin; | ||
document.head.appendChild($_documentContainer.content); | ||
export {}; |
@@ -25,19 +25,35 @@ /** | ||
<div class="spinner-layer layer-1"> | ||
<div class="circle-clipper left"></div> | ||
<div class="circle-clipper right"></div> | ||
<div class="circle-clipper left"> | ||
<div class="circle"></div> | ||
</div> | ||
<div class="circle-clipper right"> | ||
<div class="circle"></div> | ||
</div> | ||
</div> | ||
<div class="spinner-layer layer-2"> | ||
<div class="circle-clipper left"></div> | ||
<div class="circle-clipper right"></div> | ||
<div class="circle-clipper left"> | ||
<div class="circle"></div> | ||
</div> | ||
<div class="circle-clipper right"> | ||
<div class="circle"></div> | ||
</div> | ||
</div> | ||
<div class="spinner-layer layer-3"> | ||
<div class="circle-clipper left"></div> | ||
<div class="circle-clipper right"></div> | ||
<div class="circle-clipper left"> | ||
<div class="circle"></div> | ||
</div> | ||
<div class="circle-clipper right"> | ||
<div class="circle"></div> | ||
</div> | ||
</div> | ||
<div class="spinner-layer layer-4"> | ||
<div class="circle-clipper left"></div> | ||
<div class="circle-clipper right"></div> | ||
<div class="circle-clipper left"> | ||
<div class="circle"></div> | ||
</div> | ||
<div class="circle-clipper right"> | ||
<div class="circle"></div> | ||
</div> | ||
</div> | ||
@@ -44,0 +60,0 @@ </div> |
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
Found 1 instance in 1 package
37194
684
1