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 79 | 1x | .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; } |