@exmg/exmg-radio-group
Version:
Paper style radio group element
4 lines • 2.27 kB
JavaScript
import { css } from 'lit';
export const style = css `:host{display:block;border:1px solid var(--exmg-radio-group-item-border, #d2d2d7);border-radius:var(--exmg-radio-group-item-border-radius, 10px);font-family:"Roboto","Noto",sans-serif;font-size:var(--exmg-radio-group-item-font-size, 16px);line-height:1.23536;font-weight:400;letter-spacing:-0.022em;padding:0px;color:var(--exmg-radio-group-item-color, rgb(29, 29, 31));box-sizing:border-box;margin:0;cursor:pointer;margin-top:var(--exmg-radio-group-item-top-margin, 0.8rem);margin-left:var(--exmg-radio-group-item-side-margin, 0.5rem);margin-right:var(--exmg-radio-group-item-side-margin, 0.5rem)}::slotted(.figure){text-align:center;font-size:var(--exmg-radio-group-item-body-font-size, 12px);color:var(--exmg-radio-group-item-body-color, rgba(29, 29, 31, 0.8))}::slotted(.figure.horizontal){display:flex;flex-direction:row;text-align:left;align-items:center}::slotted([slot=title]){margin-bottom:.3rem}:host label{padding:15px;height:100%;box-sizing:border-box}:host(:not([checked]):not([disabled]):hover){border:1px solid var(--exmg-radio-group-item-border-hover, #9d9da0)}:host([checked]){outline:none;border:2px solid var(--exmg-radio-group-item-border-checked, #0071e3)}:host([checked]) label{padding:14px}:host(:focus-within){box-shadow:0 0 0 3px var(--mdc-theme-secondary-box-shadow, rgba(131, 192, 253, 0.5))}.item{display:flex;flex-direction:row;align-items:center}.description{display:flex;flex-direction:column;justify-content:center;width:100%}.description>.title{font-weight:600}.description>.body{font-size:var(--exmg-radio-group-item-body-font-size, 12px);line-height:1.33337;font-weight:400;letter-spacing:-0.01em;margin-top:.5rem;color:var(--exmg-radio-group-item-body-color, rgba(29, 29, 31, 0.8))}.description>*{flex:1}.item.disabled>.description{opacity:.26}.mdc-radio[hidden]{opacity:0;width:0;height:0;padding:0}.mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle{border-color:var(--mdc-theme-secondary, #0071e3)}.mdc-radio .mdc-radio__native-control:enabled+.mdc-radio__background .mdc-radio__inner-circle{border-color:var(--mdc-theme-secondary, #0071e3)}`;
export default style;
//# sourceMappingURL=exmg-radio-group-item-styles-css.js.map