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 | 1x | .varClass { /* radio default variables */ --radio_width: 16px; --radio_height: 16px; --radio_bg_color: none; --radio_stroke_width: 2px; --radio_stroke_color: var(--zdt_radio_default_stroke); --radio_fill: none; --radio_inner_stroke_width: 0; --radio_label_margin: 0 0 0 6px/*rtl: 0 6px 0 0*/; } .container { composes: varClass; } .pointer { cursor: pointer; } .readonly,.disabled { cursor: not-allowed; } .radio { composes: offSelection from '../common/common.module.css'; width: var(--radio_width); height: var(--radio_height); background: var(--radio_bg_color); border-radius: 50%; stroke: var(--radio_stroke_color); } .radio, .centerPath { fill: var(--radio_fill); } .filled { --radio_bg_color: var(--zdt_radio_default_bg); } .medium { --radio_width: 16px; --radio_height: 16px; } .small { --radio_width: 13px; --radio_height: 13px; } .radioLabel { font-size: 0; display: block; } .rdBox { fill: none; stroke-width: var(--radio_stroke_width); stroke-linecap: round; stroke: inherit; } .centerPath { --radio_fill: inherit; transform-origin: center; stroke-width: var(--radio_inner_stroke_width); } .checked .centerPath { animation: circleAnimate var(--zd_transition3) ease forwards; } .rdBoxprimary, .hoverEfffect:hover .hoverprimary /* .hoverEfffect:focus .hoverprimary */ { --radio_stroke_color: var(--zdt_radio_primary_stroke); } .rdBoxdanger, .hoverEfffect:hover .hoverdanger /* .hoverEfffect:focus .hoverdanger */ { --radio_stroke_color: var(--zdt_radio_danger_stroke); } .centerPathprimary { --radio_fill: var(--zdt_radio_primary_fill); } .centerPathdanger { --radio_fill: var(--zdt_radio_danger_fill); } .active:hover .primaryLabel, /* .active:focus .primaryLabel, */ .primarycheckedActive { --label_text_color: var(--zdt_radio_label_primary_text); } .active:hover .dangerLabel, /* .active:focus .dangerLabel, */ .dangercheckedActive { --label_text_color: var(--zdt_radio_label_danger_text); } .text { margin: var(--radio_label_margin); } @keyframes circleAnimate { 0% { transform: scale(0); } 100% { transform: scale(1); } } |