All files / Stencils Stencils.module.css

100% Statements 1/1
100% Branches 0/0
100% Functions 0/0
100% Lines 1/1

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 791x                                                                                                                                                            
.varClass {
  /* stencils default variables */
  --stencil_height: 9px;
  --stencil_width: 100%;
  --stencil_border_radius: 5px;
}
.container {
  composes: varClass;
  height: var(--stencil_height);
  width: var(--stencil_width);
  border-radius: var(--stencil_border_radius);
}
.stencil {
  animation-name: placeHolderShimmer;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-duration: var(--zd_transition10);
  animation-timing-function: linear;
  background-size: 800px 1px;
}
@keyframes placeHolderShimmer {
  0% {
    background-position: calc(var(--zd_size468) * -1) 0;
  }
 
  100% {
    background-position: var(--zd_size468) 0;
  }
}
 
.rectangular {
  composes: stencil;
  --stencil_height: 9px;
  --stencil_border_radius: 5px;
}
.primary {
  background-color: var(--zdt_stencil_primary_bg);
  background-image: var(--zdt_stencil_primary_gradient_bg);
}
.secondary {
  background-color: var(--zdt_stencil_secondary_bg);
  background-image: var(--zdt_stencil_secondary_gradient_bg);
}
.dark {
  background-color: var(--zdt_stencil_dark_bg);
  background-image: var(--zdt_stencil_dark_gradient_bg);
}
 
.small {
  --stencil_width: 110px;
}
.default {
  --stencil_width: 100%;
}
.medium {
  --stencil_width: 170px;
}
.large {
  --stencil_width: 220px;
}
 
.circle {
  composes: stencil;
  --stencil_border_radius: 50%;
}
.clarge {
  --stencil_width: 42px;
  --stencil_height: 42px;
}
.cmedium,
.cdefault {
  --stencil_width: 30px;
  --stencil_height: 30px;
}
.csmall {
  --stencil_width: 20px;
  --stencil_height: 20px;
}