UNPKG

@sandlada/vue-mdc

Version:

![Vue MDC Logo](https://raw.githubusercontent.com/sandlada/vue-mdc/refs/heads/main/docs/vue-mdc-cover.png)

2 lines (1 loc) 4.06 kB
@layer mdc-radio{@layer{._radio_15hbj_3{display:inline-flex;height:var(--md-radio-icon-size, 20px);outline:none;vertical-align:top;width:var(--md-radio-icon-size, 20px);-webkit-tap-highlight-color:transparent;cursor:pointer;place-content:center;place-items:center;position:relative;border:none;--md-ripple-hover-color: var(--md-radio-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-hover-opacity: var(--md-radio-hover-state-layer-opacity, .08);--md-ripple-pressed-color: var(--md-radio-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-pressed-opacity: var(--md-radio-pressed-state-layer-opacity, .12)}._radio_15hbj_3._disabled_15hbj_21,._radio_15hbj_3:disabled{cursor:default}._radio_15hbj_3 [data-component=focus-ring]{height:44px;inset:unset!important;width:44px}._radio_15hbj_3._checked_15hbj_29{--md-ripple-hover-color: var(--md-radio-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-hover-opacity: var(--md-radio-selected-hover-state-layer-opacity, .08);--md-ripple-pressed-color: var(--md-radio-selected-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-pressed-opacity: var(--md-radio-selected-pressed-state-layer-opacity, .12)}._radio_15hbj_3 ._touch-target_15hbj_35{height:48px;position:absolute;width:48px}._radio_15hbj_3[touch-target=wrapper]{margin:max(0px,(48px - var(--md-radio-icon-size, 20px)) / 2)}._radio_15hbj_3[touch-target=none] ._touch-target_15hbj_35{display:none}._radio_15hbj_3 [data-component=ripple]{border-radius:50%!important;inset:unset!important;height:var(--md-radio-state-layer-size, 40px);width:var(--md-radio-state-layer-size, 40px)}._radio_15hbj_3 ._icon_15hbj_52{fill:var(--md-radio-icon-color, var(--md-sys-color-on-surface-variant, #49454f));inset:0;position:absolute}._radio_15hbj_3 ._outer_15hbj_57._circle_15hbj_57{transition:fill 50ms linear}._radio_15hbj_3 ._inner_15hbj_60._circle_15hbj_57{opacity:0;transform-origin:center;transition:opacity 50ms linear}._radio_15hbj_3._checked_15hbj_29 ._icon_15hbj_52{fill:var(--md-radio-selected-icon-color, var(--md-sys-color-primary, #6750a4))}._radio_15hbj_3._checked_15hbj_29 ._inner_15hbj_60._circle_15hbj_57{animation:_inner-circle-grow_15hbj_1 .3s cubic-bezier(.05,.7,.1,1);opacity:1}@keyframes _inner-circle-grow_15hbj_1{0%{transform:scale(0)}to{transform:scale(1)}}._radio_15hbj_3._disabled_15hbj_21 ._circle_15hbj_57,._radio_15hbj_3:disabled ._circle_15hbj_57{animation-duration:0s;transition-duration:0s}._radio_15hbj_3:hover ._icon_15hbj_52{fill:var(--md-radio-hover-icon-color, var(--md-sys-color-on-surface, #1d1b20))}._radio_15hbj_3:focus-within ._icon_15hbj_52{fill:var(--md-radio-focus-icon-color, var(--md-sys-color-on-surface, #1d1b20))}._radio_15hbj_3:active ._icon_15hbj_52{fill:var(--md-radio-pressed-icon-color, var(--md-sys-color-on-surface, #1d1b20))}._radio_15hbj_3._disabled_15hbj_21 ._icon_15hbj_52,._radio_15hbj_3:disabled ._icon_15hbj_52{fill:var(--md-radio-disabled-unselected-icon-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-radio-disabled-unselected-icon-opacity, .38)}._radio_15hbj_3:hover ._checked_15hbj_29 ._icon_15hbj_52{fill:var(--md-radio-selected-hover-icon-color, var(--md-sys-color-primary, #6750a4))}._radio_15hbj_3:focus-within ._checked_15hbj_29 ._icon_15hbj_52{fill:var(--md-radio-selected-focus-icon-color, var(--md-sys-color-primary, #6750a4))}._radio_15hbj_3:active ._checked_15hbj_29 ._icon_15hbj_52{fill:var(--md-radio-selected-pressed-icon-color, var(--md-sys-color-primary, #6750a4))}._radio_15hbj_3._disabled_15hbj_21 ._checked_15hbj_29 ._icon_15hbj_52,._radio_15hbj_3:disabled ._checked_15hbj_29 ._icon_15hbj_52{fill:var(--md-radio-disabled-selected-icon-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-radio-disabled-selected-icon-opacity, .38)}}@layer hcm{@media (forced-colors: active){._radio_15hbj_3 ._icon_15hbj_52{fill:CanvasText}._radio_15hbj_3._disabled_15hbj_21 ._icon_15hbj_52,._radio_15hbj_3:disabled ._icon_15hbj_52{fill:GrayText;opacity:1}}}}