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 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 | 1x | .effect { position: relative; border-radius: var(--zd_size4); } .border { border: solid 1px var(--zdt_rippleeffect_default_border); } .default.defaultHover { border-color: var(--zdt_rippleeffect_hover_border); } .hoverEffect:hover.primary.defaultHover, /* .hoverEffect:focus.primary.defaultHover, */ .hoverEffect:hover.primary.borderHover /* .hoverEffect:focus.primary.borderHover */ { border-color: var(--zdt_rippleeffect_primary_border); } .primary.defaultHover, .hoverEffect:hover.primary.active.border /* .hoverEffect:focus.primary.active.border */ { border-color: var(--zdt_rippleeffect_primary_active_border); } .primaryLight.defaultHover, .hoverEffect:hover.primaryLight.borderHover /* .hoverEffect:focus.primaryLight.borderHover */ { border-color: var(--zdt_rippleeffect_primary_light_border); } .green.defaultHover, .hoverEffect:hover.green.borderHover /* .hoverEffect:focus.green.borderHover */ { border-color: var(--zdt_rippleeffect_green_border); } .hoverEffect:hover.default.defaultHover /* .hoverEffect:focus.default.defaultHover */ { border-color: var(--zdt_rippleeffect_slate_border); } .hoverEffect:hover.default.borderHover /* .hoverEffect:focus.default.borderHover */ { border-color: var(--zdt_rippleeffect_navy_border); } .hoverEffect:hover.default.bgHover /* .hoverEffect:focus.default.bgHover */ { background-color: var(--zdt_rippleeffect_hover_bg); } .hoverEffect:hover.primaryLight.bgHover /* .hoverEffect:focus.primaryLight.bgHover */ { background-color: var(--zdt_rippleeffect_primary_light_bg); } .primaryFilled { background-color: var(--zdt_rippleeffect_primary_bg); } .hoverEffect:hover.primaryFilled, /* .hoverEffect:focus.primaryFilled, */ .primaryFilled.active { background-color: var(--zdt_rippleeffect_primaryfilled_bg); } .hoverEffect:hover.green.bgHover /* .hoverEffect:focus.green.bgHover */ { background-color: var(--zdt_rippleeffect_green_bg); } .default.active, .hoverEffect:hover.default.active, /* .hoverEffect:focus.default.active, */ .primaryLight.active, .primaryDark.active { background-color: var(--zdt_rippleeffect_primary_light_bg); } .default.active.border, .hoverEffect:hover.default.active.border, /* .hoverEffect:focus.default.active.border, */ .primaryLight.active.border, .primaryDark.active.border { border-color: var(--zdt_rippleeffect_primary_light_border); } .green.active { background-color: var(--zdt_rippleeffect_green_bg); } .green.active.border { border-color: var(--zdt_rippleeffect_green_border); } .primary.active { background-color: var(--zdt_rippleeffect_primary_bg); } .danger.defaultHover, .hoverEffect:hover.danger.borderHover /* .hoverEffect:focus.danger.borderHover */ { border-color: var(--zdt_rippleeffect_danger_border); } .hoverEffect:hover.danger.bgHover, /* .hoverEffect:focus.danger.bgHover, */ .danger.active { background-color: var(--zdt_rippleeffect_danger_bg); } .hoverEffect:hover.primaryDark.bgHover /* .hoverEffect:focus.primaryDark.bgHover */ { background-color: var(--zdt_rippleeffect_primary_dark_bg); } .notAllowed { cursor: not-allowed; } |