Socket
Socket
Sign inDemoInstall

@polymer/paper-spinner

Package Overview
Dependencies
5
Maintainers
12
Versions
33
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 3.0.1 to 3.0.2

2

package.json

@@ -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>

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc