Module YH-Designer/src/base/css/baseCssExt

Type declaration

• @global: { & .yh-bg-blue: { background-color: string; color: string }; & .yh-bg-orange: { background-color: string; color: string }; .input-button-close: { color: string; cursor: string; display: string; line-height: string; overflow: string; position: string; right: string; top: string; vertical-align: string }; .kdayun-btn-container: { font-size: string }; .kdayun-btn-container $button: { margin-bottom: string; margin-right: string }; .kdayun-btn-container $button+$button: { margin-left: string }; .kdayun-btn-group: { display: string; font-size: string; vertical-align: string }; .kdayun-btn-group $button: { border-left: string; border-radius: string; margin-left: string; margin-right: string }; .kdayun-btn-group $button+$button: { margin-left: string }; .kdayun-btn-group $button:first-child: { border-left: string; border-radius: string }; .kdayun-btn-group $button:last-child: { border-radius: string }; .kdayun-btn-group .kdayun-btn-primary: { border-left: string }; .kdayun-btn-group .kdayun-btn-primary:first-child: { border-left: string }; .kdayun-btn-group .kdayun-btn-primary:hover: { border-color: string; color: string }; .kdayun-btn-group+.kdayun-btn-group: { margin-left: string }; .layui-form-checkbox.layui-form-checked: { border-color: string }; .layui-form-checkbox.layui-form-checked i: { color: string }; .layui-form-checkbox.layui-form-checked span: { background-color: string; color: string }; .layui-form-checkbox.layui-form-checked[lay-skin="primary"] i: { background-color: string; border-color: string; color: string }; .layui-form-checkbox.layui-form-checked[lay-skin="primary"] span: { background: string; color: string }; .layui-form-checkbox[lay-skin="primary"]:hover i: { border-color: string; box-shadow: string }; .layui-form-checkbox[lay-skin='primary']:hover i: { border-color: string; color: string }; .layui-form-onswitch: { background-color: string; border-color: string }; .layui-form-radio.layui-form-radioed i: { color: string }; .layui-form-radioed>i, .layui-form-radio>i:hover: { color: string }; .layui-form-select dl dd.layui-this: { background-color: string; color: string }; .layui-table tbody tr:hover,.layui-table-hover,.layui-table-click: { background-color: string }; .layui-table-edit:focus: { border-color: string }; .layui-transfer-active .layui-btn: { background-color: string; border-color: string; color: string }; .skeleton-loading: { animation: string; background: string; backgroundSize: string }; .yh-amin-quiver: { animation: string }; .yh-amin-quiver:active: { animation: string }; .yh-amin-quiver:hover: { animation-duration: string }; .yh-anim: { -webkit-animation-duration: string; -webkit-animation-fill-mode: string; animation-duration: string; animation-fill-mode: string }; .yh-anim-fadein: { -webkit-animation-name: string; animation-name: string }; .yh-anim-fadeout: { -webkit-animation-name: string; animation-name: string }; .yh-anim-loop: { -webkit-animation-iteration-count: string; animation-iteration-count: string }; .yh-anim-rotate: { -webkit-animation-duration: string; -webkit-animation-name: string; -webkit-animation-timing-function: string; animation-duration: string; animation-name: string; animation-timing-function: string }; .yh-anim-scale: { -webkit-animation-name: string; animation-name: string }; .yh-anim-scaleSpring: { -webkit-animation-name: string; animation-name: string }; .yh-anim-up: { -webkit-animation-name: string; animation-name: string }; .yh-anim-upbit: { -webkit-animation-name: string; animation-name: string }; .yh-bg-black: { background-color: string; color: string }; .yh-bg-cyan: { background-color: string; color: string }; .yh-bg-gray: { background-color: string; color: string }; .yh-bg-red: { background-color: string; color: string }; .yh-block: { margin-left: string; min-height: string; position: string }; .yh-btn-disabled,.yh-btn-disabled:hover,.yh-btn-disabled:active,.yh-button[disabled]: { background- color: string; color: string; cursor: string; opacity: string }; .yh-button: { & .kdayun-btn-icon: { font-size: string; margin-right: string; vertical-align: string }; &+.kdayun-btn: { margin-left: string }; &:active: { filter: string; opacity: string }; &:hover: { color: string; filter: string; opacity: string }; &[disabled], &[disabled]:hover, &[disabled]:focus, &[disabled]:active: { background: string; color: string; cursor: string }; &[size=fluid]: { width: string }; &[size=lg]: { font-size: string; height: string; line-height: string; padding: string }; &[size=sm]: { & i: { font-size: string; margin-right: string }; font-size: string; height: string; line-height: string; padding: string }; &[size=xs]: { & i: { font-size: string }; font-size: string; height: string; line-height: string; padding: string }; &[theme=danger]: { background-color: string }; &[theme=link]: { &[disabled], &[disabled]:hover, &[disabled]:focus, &[disabled]:active: { background-color: string }; background-color: string; border-color: string; box-shadow: string; color: string }; &[theme=normal]: { background-color: string }; &[theme=primary]: { &:hover: { border-color: string; color: string }; &[disabled], &[disabled]:hover, &[disabled]:focus, &[disabled]:active: { border-color: string }; background-color: string; border: string; color: string }; &[theme=warm]: { background-color: string }; background-color: string; border: string; border-radius: string; box-shadow: string; color: string; cursor: string; display: string; font-size: string; line-height: string; padding: string; text-align: string; vertical-align: string; white-space: string }; .yh-button-group: { display: string; font-size: string; margin-left: string; vertical-align: string }; .yh-checkbox: { & i: { -webkit-transition: string; background-color: string; border: string; border-radius: string; color: string; font-size: string; height: string; line-height: string; text-align: string; transition: string; width: string }; &:hover i: { border-color: string }; &[checked]: { & i: { background-color: string; border-color: string; color: string } }; &[checked] i: { color: string }; &[checked] span,&[checked]:hover span: {}; &[checked],&[checked]:hover: { border-color: string }; &[checked][lay-skin='primary'] i: { background-color: string; border-color: string; color: string }; -webkit-transition: string; background: string; border: string; box-sizing: string; cursor: string; display: string; height: string; line-height: string; margin-right: string; min-height: string; min-width: string; padding-right: string; position: string; span: { background: string; background-color: string; border-radius: string; color: string; height: string; line-height: string; overflow: string; padding: string; padding-left: string; padding-right: string; text-overflow: string; white-space: string }; transition: string; vertical-align: string }; .yh-disable: { -moz-user-select: string; -ms-user-select: string; -webkit-user-select: string; color: string; cursor: string }; .yh-dropdown-container: { background-color: string; border-radius: string; box-shadow: string; box-sizing: string; color: string; font-feature-settings: string; font-size: string; font-variant: string; left: string; line-height: string; list-style: string; margin: string; min-width: string; outline: string; overflow-x: string; padding: string; position: string; top: string; z-index: string }; .yh-focus: { border-color: string; border-right-width: string; box-shadow: string; outline: string }; .yh-form-item: { & *: { box-sizing: string }; margin-bottom: string }; .yh-form-item:after: { *zoom: string; clear: string; content: string; display: string; height: string }; .yh-hide: { display: string }; .yh-hover: { border-color: string; outline: string }; .yh-icon: { -moz-osx-font-smoothing: string; -webkit-font-smoothing: string; font-family: string; font-size: string; font-style: string }; .yh-inline: { display: string; position: string; vertical-align: string }; .yh-input: { &:focus: { border-color: string; border-right-width: string; box-shadow: string; outline: string }; &:hover: { border-color: string; outline: string }; &[readonly=readonly],&[disabled=disabled]: { background-color: string; color: string; cursor: string }; background-color: string; border-color: string; border-radius: string; border-style: string; border-width: string; display: string; height: string; line-height: string; min-height: string; padding-left: string; width: string }; .yh-input-block: { margin-left: string }; .yh-input-danger: { background: string; border: string; border-color: string }; .yh-label: { display: string; float: string; font-weight: string; line-height: string; padding: string; position: string; text-align: string; width: string }; .yh-show: { display: string }; .yh-switch: { &:hover: { box-shadow: string }; -webkit-transition: string; background-color: string; border: string; border-radius: string; cursor: string; display: string; height: string; line-height: string; min-width: string; padding: string; position: string; transition: string; vertical-align: string }; .yh-switch em: { color: string; font-size: string; font-style: string; margin-left: string; padding: string; position: string; text-align: string; top: string; width: string }; .yh-switch i: { -webkit-transition: string; background-color: string; border-radius: string; height: string; left: string; position: string; top: string; transition: string; width: string }; .yh-switch-onswitch: { background-color: string; border-color: string }; .yh-switch-onswitch em: { color: string; margin-left: string; margin-right: string }; .yh-switch-onswitch i: { background-color: string; left: string; margin-left: string }; .yh-textarea: { &:focus: { border-color: string; border-right-width: string; box-shadow: string; outline: string }; &:hover: { border-color: string; outline: string }; &[readonly=readonly],&[disabled=disabled]: { background-color: string; color: string; cursor: string }; background-color: string; border-color: string; border-radius: string; border-style: string; border-width: string; display: string; line-height: string; min-height: string; padding-left: string; width: string }; .yh-unselect: { -moz-user-select: string; -ms-user-select: string; -webkit-user-select: string }; ::-webkit-scrollbar: { height: string; width: string }; ::-webkit-scrollbar-thumb: { background: string; border-radius: string; box-shadow: string }; ::-webkit-scrollbar-track: { background: string; border-radius: string; box-shadow: string }; :root: { --kd-color: string }; @-webkit-keyframes fadeEffect: { to: { opacity: string } }; @-webkit-keyframes waveEffect: { to: { box-shadow: string } }; @keyframes fadeEffect: { to: { opacity: string } }; @keyframes quiver: { 10%,20%: { transform: string }; 30%,50%,70%,90%: { transform: string }; 40%,60%,80%: { transform: string }; from: { transform: string }; to: { transform: string } }; @keyframes ripple: { to: { opacity: number; transform: string } }; @keyframes skeleton-loading: { 0%: { backgroundPosition: string }; 100%: { backgroundPosition: string } }; @keyframes waveEffect: { to: { box-shadow: string } }; @keyframes yh-fadein: { 0%: { opacity: string }; 100%: { opacity: string } }; @keyframes yh-fadeout: { 0%: { opacity: string }; 100%: { opacity: string } }; @keyframes yh-rotate: { from: { -webkit-transform: string }; to: { -webkit-transform: string } }; @keyframes yh-scale: { 0%: { -webkit-transform: string; opacity: string }; 100%: { -webkit-transform: string; opacity: string } }; @keyframes yh-scale-spring: { 0%: { -webkit-transform: string; opacity: string }; 100%: { -webkit-transform: string; opacity: string }; 80%: { -webkit-transform: string; opacity: string } }; @keyframes yh-up: { from: { -webkit-transform: string; opacity: string }; to: { -webkit-transform: string; opacity: string } }; @keyframes yh-upbit: { from: { -webkit-transform: string; opacity: string }; to: { -webkit-transform: string; opacity: string } }; [yh-animating-broder-wave=true]: { position: string }; [yh-animating-broder-wave=true]:after: { -webkit-animation: string; -webkit-animation-fill-mode: string; animation: string; animation-fill-mode: string; border-radius: string; box-shadow: string; content: string; display: string; inset: string; opacity: string; pointer-events: string; position: string }; body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, input, button, textarea, p, blockquote, th, td, form, pre: { -webkit-tap-highlight-color: string; margin: string; padding: string }; html: { color: string; font-size: string }; input:-moz-placeholder: { color: string }; input:-ms-input-placeholder: { color: string }; input::-moz-placeholder: { color: string }; input::-webkit-input-placeholder: { color: string }; scrollbar-color: string; scrollbar-width: string; span.yh-ripple: { animation: string; background-color: string; border-radius: string; position: string; transform: string }; yh-active: {} }

  • & .yh-bg-blue: { background-color: string; color: string }

    • background-color: string

    • color: string

  • & .yh-bg-orange: { background-color: string; color: string }

    • background-color: string

    • color: string

  • .input-button-close: { color: string; cursor: string; display: string; line-height: string; overflow: string; position: string; right: string; top: string; vertical-align: string }

    • color: string

    • cursor: string

    • display: string

    • line-height: string

    • overflow: string

    • position: string

    • right: string

    • top: string

    • vertical-align: string

  • .kdayun-btn-container: { font-size: string }

    • font-size: string

  • .kdayun-btn-container $button: { margin-bottom: string; margin-right: string }

    • margin-bottom: string

    • margin-right: string

  • .kdayun-btn-container $button+$button: { margin-left: string }

    • margin-left: string

  • .kdayun-btn-group: { display: string; font-size: string; vertical-align: string }

    • display: string

    • font-size: string

    • vertical-align: string

  • .kdayun-btn-group $button: { border-left: string; border-radius: string; margin-left: string; margin-right: string }

    • border-left: string

    • border-radius: string

    • margin-left: string

    • margin-right: string

  • .kdayun-btn-group $button+$button: { margin-left: string }

    • margin-left: string

  • .kdayun-btn-group $button:first-child: { border-left: string; border-radius: string }

    • border-left: string

    • border-radius: string

  • .kdayun-btn-group $button:last-child: { border-radius: string }

    • border-radius: string

  • .kdayun-btn-group .kdayun-btn-primary: { border-left: string }

    • border-left: string

  • .kdayun-btn-group .kdayun-btn-primary:first-child: { border-left: string }

    • border-left: string

  • .kdayun-btn-group .kdayun-btn-primary:hover: { border-color: string; color: string }

    • border-color: string

    • color: string

  • .kdayun-btn-group+.kdayun-btn-group: { margin-left: string }

    • margin-left: string

  • .layui-form-checkbox.layui-form-checked: { border-color: string }

    • border-color: string

  • .layui-form-checkbox.layui-form-checked i: { color: string }

    • color: string

  • .layui-form-checkbox.layui-form-checked span: { background-color: string; color: string }

    • background-color: string

    • color: string

  • .layui-form-checkbox.layui-form-checked[lay-skin="primary"] i: { background-color: string; border-color: string; color: string }

    • background-color: string

    • border-color: string

    • color: string

  • .layui-form-checkbox.layui-form-checked[lay-skin="primary"] span: { background: string; color: string }

    • background: string

    • color: string

  • .layui-form-checkbox[lay-skin="primary"]:hover i: { border-color: string; box-shadow: string }

    • border-color: string

    • box-shadow: string

  • .layui-form-checkbox[lay-skin='primary']:hover i: { border-color: string; color: string }

    • border-color: string

    • color: string

  • .layui-form-onswitch: { background-color: string; border-color: string }

    • background-color: string

    • border-color: string

  • .layui-form-radio.layui-form-radioed i: { color: string }

    • color: string

  • .layui-form-radioed>i, .layui-form-radio>i:hover: { color: string }

    • color: string

  • .layui-form-select dl dd.layui-this: { background-color: string; color: string }

    • background-color: string

    • color: string

  • .layui-table tbody tr:hover,.layui-table-hover,.layui-table-click: { background-color: string }

    • background-color: string

  • .layui-table-edit:focus: { border-color: string }

    • border-color: string

  • .layui-transfer-active .layui-btn: { background-color: string; border-color: string; color: string }

    • background-color: string

    • border-color: string

    • color: string

  • .skeleton-loading: { animation: string; background: string; backgroundSize: string }

    • animation: string

    • background: string

    • backgroundSize: string

  • .yh-amin-quiver: { animation: string }

    • animation: string

  • .yh-amin-quiver:active: { animation: string }

    • animation: string

  • .yh-amin-quiver:hover: { animation-duration: string }

    • animation-duration: string

  • .yh-anim: { -webkit-animation-duration: string; -webkit-animation-fill-mode: string; animation-duration: string; animation-fill-mode: string }

    • -webkit-animation-duration: string

    • -webkit-animation-fill-mode: string

    • animation-duration: string

    • animation-fill-mode: string

  • .yh-anim-fadein: { -webkit-animation-name: string; animation-name: string }

    • -webkit-animation-name: string

    • animation-name: string

  • .yh-anim-fadeout: { -webkit-animation-name: string; animation-name: string }

    • -webkit-animation-name: string

    • animation-name: string

  • .yh-anim-loop: { -webkit-animation-iteration-count: string; animation-iteration-count: string }

    • -webkit-animation-iteration-count: string

    • animation-iteration-count: string

  • .yh-anim-rotate: { -webkit-animation-duration: string; -webkit-animation-name: string; -webkit-animation-timing-function: string; animation-duration: string; animation-name: string; animation-timing-function: string }

    • -webkit-animation-duration: string

    • -webkit-animation-name: string

    • -webkit-animation-timing-function: string

    • animation-duration: string

    • animation-name: string

    • animation-timing-function: string

  • .yh-anim-scale: { -webkit-animation-name: string; animation-name: string }

    • -webkit-animation-name: string

    • animation-name: string

  • .yh-anim-scaleSpring: { -webkit-animation-name: string; animation-name: string }

    • -webkit-animation-name: string

    • animation-name: string

  • .yh-anim-up: { -webkit-animation-name: string; animation-name: string }

    • -webkit-animation-name: string

    • animation-name: string

  • .yh-anim-upbit: { -webkit-animation-name: string; animation-name: string }

    • -webkit-animation-name: string

    • animation-name: string

  • .yh-bg-black: { background-color: string; color: string }

    • background-color: string

    • color: string

  • .yh-bg-cyan: { background-color: string; color: string }

    • background-color: string

    • color: string

  • .yh-bg-gray: { background-color: string; color: string }

    • background-color: string

    • color: string

  • .yh-bg-red: { background-color: string; color: string }

    • background-color: string

    • color: string

  • .yh-block: { margin-left: string; min-height: string; position: string }

    • margin-left: string

    • min-height: string

    • position: string

  • .yh-btn-disabled,.yh-btn-disabled:hover,.yh-btn-disabled:active,.yh-button[disabled]: { background- color: string; color: string; cursor: string; opacity: string }

    • background- color: string

    • color: string

    • cursor: string

    • opacity: string

  • .yh-button: { & .kdayun-btn-icon: { font-size: string; margin-right: string; vertical-align: string }; &+.kdayun-btn: { margin-left: string }; &:active: { filter: string; opacity: string }; &:hover: { color: string; filter: string; opacity: string }; &[disabled], &[disabled]:hover, &[disabled]:focus, &[disabled]:active: { background: string; color: string; cursor: string }; &[size=fluid]: { width: string }; &[size=lg]: { font-size: string; height: string; line-height: string; padding: string }; &[size=sm]: { & i: { font-size: string; margin-right: string }; font-size: string; height: string; line-height: string; padding: string }; &[size=xs]: { & i: { font-size: string }; font-size: string; height: string; line-height: string; padding: string }; &[theme=danger]: { background-color: string }; &[theme=link]: { &[disabled], &[disabled]:hover, &[disabled]:focus, &[disabled]:active: { background-color: string }; background-color: string; border-color: string; box-shadow: string; color: string }; &[theme=normal]: { background-color: string }; &[theme=primary]: { &:hover: { border-color: string; color: string }; &[disabled], &[disabled]:hover, &[disabled]:focus, &[disabled]:active: { border-color: string }; background-color: string; border: string; color: string }; &[theme=warm]: { background-color: string }; background-color: string; border: string; border-radius: string; box-shadow: string; color: string; cursor: string; display: string; font-size: string; line-height: string; padding: string; text-align: string; vertical-align: string; white-space: string }

    • & .kdayun-btn-icon: { font-size: string; margin-right: string; vertical-align: string }

      • font-size: string

      • margin-right: string

      • vertical-align: string

    • &+.kdayun-btn: { margin-left: string }

      • margin-left: string

    • &:active: { filter: string; opacity: string }

      • filter: string

      • opacity: string

    • &:hover: { color: string; filter: string; opacity: string }

      • color: string

      • filter: string

      • opacity: string

    • &[disabled], &[disabled]:hover, &[disabled]:focus, &[disabled]:active: { background: string; color: string; cursor: string }

      • background: string

      • color: string

      • cursor: string

    • &[size=fluid]: { width: string }

      • width: string

    • &[size=lg]: { font-size: string; height: string; line-height: string; padding: string }

      • font-size: string

      • height: string

      • line-height: string

      • padding: string

    • &[size=sm]: { & i: { font-size: string; margin-right: string }; font-size: string; height: string; line-height: string; padding: string }

      • & i: { font-size: string; margin-right: string }

        • font-size: string

        • margin-right: string

      • font-size: string

      • height: string

      • line-height: string

      • padding: string

    • &[size=xs]: { & i: { font-size: string }; font-size: string; height: string; line-height: string; padding: string }

      • & i: { font-size: string }

        • font-size: string

      • font-size: string

      • height: string

      • line-height: string

      • padding: string

    • &[theme=danger]: { background-color: string }

      • background-color: string

    • &[theme=link]: { &[disabled], &[disabled]:hover, &[disabled]:focus, &[disabled]:active: { background-color: string }; background-color: string; border-color: string; box-shadow: string; color: string }

      • &[disabled], &[disabled]:hover, &[disabled]:focus, &[disabled]:active: { background-color: string }

        • background-color: string

      • background-color: string

      • border-color: string

      • box-shadow: string

      • color: string

    • &[theme=normal]: { background-color: string }

      • background-color: string

    • &[theme=primary]: { &:hover: { border-color: string; color: string }; &[disabled], &[disabled]:hover, &[disabled]:focus, &[disabled]:active: { border-color: string }; background-color: string; border: string; color: string }

      • &:hover: { border-color: string; color: string }

        • border-color: string

        • color: string

      • &[disabled], &[disabled]:hover, &[disabled]:focus, &[disabled]:active: { border-color: string }

        • border-color: string

      • background-color: string

      • border: string

      • color: string

    • &[theme=warm]: { background-color: string }

      • background-color: string

    • background-color: string

    • border: string

    • border-radius: string

    • box-shadow: string

    • color: string

    • cursor: string

    • display: string

    • font-size: string

    • line-height: string

    • padding: string

    • text-align: string

    • vertical-align: string

    • white-space: string

  • .yh-button-group: { display: string; font-size: string; margin-left: string; vertical-align: string }

    • display: string

    • font-size: string

    • margin-left: string

    • vertical-align: string

  • .yh-checkbox: { & i: { -webkit-transition: string; background-color: string; border: string; border-radius: string; color: string; font-size: string; height: string; line-height: string; text-align: string; transition: string; width: string }; &:hover i: { border-color: string }; &[checked]: { & i: { background-color: string; border-color: string; color: string } }; &[checked] i: { color: string }; &[checked] span,&[checked]:hover span: {}; &[checked],&[checked]:hover: { border-color: string }; &[checked][lay-skin='primary'] i: { background-color: string; border-color: string; color: string }; -webkit-transition: string; background: string; border: string; box-sizing: string; cursor: string; display: string; height: string; line-height: string; margin-right: string; min-height: string; min-width: string; padding-right: string; position: string; span: { background: string; background-color: string; border-radius: string; color: string; height: string; line-height: string; overflow: string; padding: string; padding-left: string; padding-right: string; text-overflow: string; white-space: string }; transition: string; vertical-align: string }

    • & i: { -webkit-transition: string; background-color: string; border: string; border-radius: string; color: string; font-size: string; height: string; line-height: string; text-align: string; transition: string; width: string }

      • -webkit-transition: string

      • background-color: string

      • border: string

      • border-radius: string

      • color: string

      • font-size: string

      • height: string

      • line-height: string

      • text-align: string

      • transition: string

      • width: string

    • &:hover i: { border-color: string }

      • border-color: string

    • &[checked]: { & i: { background-color: string; border-color: string; color: string } }

      • & i: { background-color: string; border-color: string; color: string }

        • background-color: string

        • border-color: string

        • color: string

    • &[checked] i: { color: string }

      • color: string

    • &[checked] span,&[checked]:hover span: {}

    • &[checked],&[checked]:hover: { border-color: string }

      • border-color: string

    • &[checked][lay-skin='primary'] i: { background-color: string; border-color: string; color: string }

      • background-color: string

      • border-color: string

      • color: string

    • -webkit-transition: string

    • background: string

    • border: string

    • box-sizing: string

    • cursor: string

    • display: string

    • height: string

    • line-height: string

    • margin-right: string

    • min-height: string

    • min-width: string

    • padding-right: string

    • position: string

    • span: { background: string; background-color: string; border-radius: string; color: string; height: string; line-height: string; overflow: string; padding: string; padding-left: string; padding-right: string; text-overflow: string; white-space: string }

      • background: string

      • background-color: string

      • border-radius: string

      • color: string

      • height: string

      • line-height: string

      • overflow: string

      • padding: string

      • padding-left: string

      • padding-right: string

      • text-overflow: string

      • white-space: string

    • transition: string

    • vertical-align: string

  • .yh-disable: { -moz-user-select: string; -ms-user-select: string; -webkit-user-select: string; color: string; cursor: string }

    • -moz-user-select: string

    • -ms-user-select: string

    • -webkit-user-select: string

    • color: string

    • cursor: string

  • .yh-dropdown-container: { background-color: string; border-radius: string; box-shadow: string; box-sizing: string; color: string; font-feature-settings: string; font-size: string; font-variant: string; left: string; line-height: string; list-style: string; margin: string; min-width: string; outline: string; overflow-x: string; padding: string; position: string; top: string; z-index: string }

    • background-color: string

    • border-radius: string

    • box-shadow: string

    • box-sizing: string

    • color: string

    • font-feature-settings: string

    • font-size: string

    • font-variant: string

    • left: string

    • line-height: string

    • list-style: string

    • margin: string

    • min-width: string

    • outline: string

    • overflow-x: string

    • padding: string

    • position: string

    • top: string

    • z-index: string

  • .yh-focus: { border-color: string; border-right-width: string; box-shadow: string; outline: string }

    • border-color: string

    • border-right-width: string

    • box-shadow: string

    • outline: string

  • .yh-form-item: { & *: { box-sizing: string }; margin-bottom: string }

    • & *: { box-sizing: string }

      • box-sizing: string

    • margin-bottom: string

  • .yh-form-item:after: { *zoom: string; clear: string; content: string; display: string; height: string }

    • *zoom: string

    • clear: string

    • content: string

    • display: string

    • height: string

  • .yh-hide: { display: string }

    • display: string

  • .yh-hover: { border-color: string; outline: string }

    • border-color: string

    • outline: string

  • .yh-icon: { -moz-osx-font-smoothing: string; -webkit-font-smoothing: string; font-family: string; font-size: string; font-style: string }

    • -moz-osx-font-smoothing: string

    • -webkit-font-smoothing: string

    • font-family: string

    • font-size: string

    • font-style: string

  • .yh-inline: { display: string; position: string; vertical-align: string }

    • display: string

    • position: string

    • vertical-align: string

  • .yh-input: { &:focus: { border-color: string; border-right-width: string; box-shadow: string; outline: string }; &:hover: { border-color: string; outline: string }; &[readonly=readonly],&[disabled=disabled]: { background-color: string; color: string; cursor: string }; background-color: string; border-color: string; border-radius: string; border-style: string; border-width: string; display: string; height: string; line-height: string; min-height: string; padding-left: string; width: string }

    • &:focus: { border-color: string; border-right-width: string; box-shadow: string; outline: string }

      • border-color: string

      • border-right-width: string

      • box-shadow: string

      • outline: string

    • &:hover: { border-color: string; outline: string }

      • border-color: string

      • outline: string

    • &[readonly=readonly],&[disabled=disabled]: { background-color: string; color: string; cursor: string }

      • background-color: string

      • color: string

      • cursor: string

    • background-color: string

    • border-color: string

    • border-radius: string

    • border-style: string

    • border-width: string

    • display: string

    • height: string

    • line-height: string

    • min-height: string

    • padding-left: string

    • width: string

  • .yh-input-block: { margin-left: string }

    • margin-left: string

  • .yh-input-danger: { background: string; border: string; border-color: string }

    • background: string

    • border: string

    • border-color: string

  • .yh-label: { display: string; float: string; font-weight: string; line-height: string; padding: string; position: string; text-align: string; width: string }

    • display: string

    • float: string

    • font-weight: string

    • line-height: string

    • padding: string

    • position: string

    • text-align: string

    • width: string

  • .yh-show: { display: string }

    • display: string

  • .yh-switch: { &:hover: { box-shadow: string }; -webkit-transition: string; background-color: string; border: string; border-radius: string; cursor: string; display: string; height: string; line-height: string; min-width: string; padding: string; position: string; transition: string; vertical-align: string }

    • &:hover: { box-shadow: string }

      • box-shadow: string

    • -webkit-transition: string

    • background-color: string

    • border: string

    • border-radius: string

    • cursor: string

    • display: string

    • height: string

    • line-height: string

    • min-width: string

    • padding: string

    • position: string

    • transition: string

    • vertical-align: string

  • .yh-switch em: { color: string; font-size: string; font-style: string; margin-left: string; padding: string; position: string; text-align: string; top: string; width: string }

    • color: string

    • font-size: string

    • font-style: string

    • margin-left: string

    • padding: string

    • position: string

    • text-align: string

    • top: string

    • width: string

  • .yh-switch i: { -webkit-transition: string; background-color: string; border-radius: string; height: string; left: string; position: string; top: string; transition: string; width: string }

    • -webkit-transition: string

    • background-color: string

    • border-radius: string

    • height: string

    • left: string

    • position: string

    • top: string

    • transition: string

    • width: string

  • .yh-switch-onswitch: { background-color: string; border-color: string }

    • background-color: string

    • border-color: string

  • .yh-switch-onswitch em: { color: string; margin-left: string; margin-right: string }

    • color: string

    • margin-left: string

    • margin-right: string

  • .yh-switch-onswitch i: { background-color: string; left: string; margin-left: string }

    • background-color: string

    • left: string

    • margin-left: string

  • .yh-textarea: { &:focus: { border-color: string; border-right-width: string; box-shadow: string; outline: string }; &:hover: { border-color: string; outline: string }; &[readonly=readonly],&[disabled=disabled]: { background-color: string; color: string; cursor: string }; background-color: string; border-color: string; border-radius: string; border-style: string; border-width: string; display: string; line-height: string; min-height: string; padding-left: string; width: string }

    • &:focus: { border-color: string; border-right-width: string; box-shadow: string; outline: string }

      • border-color: string

      • border-right-width: string

      • box-shadow: string

      • outline: string

    • &:hover: { border-color: string; outline: string }

      • border-color: string

      • outline: string

    • &[readonly=readonly],&[disabled=disabled]: { background-color: string; color: string; cursor: string }

      • background-color: string

      • color: string

      • cursor: string

    • background-color: string

    • border-color: string

    • border-radius: string

    • border-style: string

    • border-width: string

    • display: string

    • line-height: string

    • min-height: string

    • padding-left: string

    • width: string

  • .yh-unselect: { -moz-user-select: string; -ms-user-select: string; -webkit-user-select: string }

    • -moz-user-select: string

    • -ms-user-select: string

    • -webkit-user-select: string

  • ::-webkit-scrollbar: { height: string; width: string }

    • height: string

    • width: string

  • ::-webkit-scrollbar-thumb: { background: string; border-radius: string; box-shadow: string }

    • background: string

    • border-radius: string

    • box-shadow: string

  • ::-webkit-scrollbar-track: { background: string; border-radius: string; box-shadow: string }

    • background: string

    • border-radius: string

    • box-shadow: string

  • :root: { --kd-color: string }

    • --kd-color: string

  • @-webkit-keyframes fadeEffect: { to: { opacity: string } }

    • to: { opacity: string }

      • opacity: string

  • @-webkit-keyframes waveEffect: { to: { box-shadow: string } }

    • to: { box-shadow: string }

      • box-shadow: string

  • @keyframes fadeEffect: { to: { opacity: string } }

    • to: { opacity: string }

      • opacity: string

  • @keyframes quiver: { 10%,20%: { transform: string }; 30%,50%,70%,90%: { transform: string }; 40%,60%,80%: { transform: string }; from: { transform: string }; to: { transform: string } }

    • 10%,20%: { transform: string }

      • transform: string

    • 30%,50%,70%,90%: { transform: string }

      • transform: string

    • 40%,60%,80%: { transform: string }

      • transform: string

    • from: { transform: string }

      • transform: string

    • to: { transform: string }

      • transform: string

  • @keyframes ripple: { to: { opacity: number; transform: string } }

    • to: { opacity: number; transform: string }

      • opacity: number

      • transform: string

  • @keyframes skeleton-loading: { 0%: { backgroundPosition: string }; 100%: { backgroundPosition: string } }

    • 0%: { backgroundPosition: string }

      • backgroundPosition: string

    • 100%: { backgroundPosition: string }

      • backgroundPosition: string

  • @keyframes waveEffect: { to: { box-shadow: string } }

    • to: { box-shadow: string }

      • box-shadow: string

  • @keyframes yh-fadein: { 0%: { opacity: string }; 100%: { opacity: string } }

    • 0%: { opacity: string }

      • opacity: string

    • 100%: { opacity: string }

      • opacity: string

  • @keyframes yh-fadeout: { 0%: { opacity: string }; 100%: { opacity: string } }

    • 0%: { opacity: string }

      • opacity: string

    • 100%: { opacity: string }

      • opacity: string

  • @keyframes yh-rotate: { from: { -webkit-transform: string }; to: { -webkit-transform: string } }

    • from: { -webkit-transform: string }

      • -webkit-transform: string

    • to: { -webkit-transform: string }

      • -webkit-transform: string

  • @keyframes yh-scale: { 0%: { -webkit-transform: string; opacity: string }; 100%: { -webkit-transform: string; opacity: string } }

    • 0%: { -webkit-transform: string; opacity: string }

      • -webkit-transform: string

      • opacity: string

    • 100%: { -webkit-transform: string; opacity: string }

      • -webkit-transform: string

      • opacity: string

  • @keyframes yh-scale-spring: { 0%: { -webkit-transform: string; opacity: string }; 100%: { -webkit-transform: string; opacity: string }; 80%: { -webkit-transform: string; opacity: string } }

    • 0%: { -webkit-transform: string; opacity: string }

      • -webkit-transform: string

      • opacity: string

    • 100%: { -webkit-transform: string; opacity: string }

      • -webkit-transform: string

      • opacity: string

    • 80%: { -webkit-transform: string; opacity: string }

      • -webkit-transform: string

      • opacity: string

  • @keyframes yh-up: { from: { -webkit-transform: string; opacity: string }; to: { -webkit-transform: string; opacity: string } }

    • from: { -webkit-transform: string; opacity: string }

      • -webkit-transform: string

      • opacity: string

    • to: { -webkit-transform: string; opacity: string }

      • -webkit-transform: string

      • opacity: string

  • @keyframes yh-upbit: { from: { -webkit-transform: string; opacity: string }; to: { -webkit-transform: string; opacity: string } }

    • from: { -webkit-transform: string; opacity: string }

      • -webkit-transform: string

      • opacity: string

    • to: { -webkit-transform: string; opacity: string }

      • -webkit-transform: string

      • opacity: string

  • [yh-animating-broder-wave=true]: { position: string }

    • position: string

  • [yh-animating-broder-wave=true]:after: { -webkit-animation: string; -webkit-animation-fill-mode: string; animation: string; animation-fill-mode: string; border-radius: string; box-shadow: string; content: string; display: string; inset: string; opacity: string; pointer-events: string; position: string }

    • -webkit-animation: string

    • -webkit-animation-fill-mode: string

    • animation: string

    • animation-fill-mode: string

    • border-radius: string

    • box-shadow: string

    • content: string

    • display: string

    • inset: string

    • opacity: string

    • pointer-events: string

    • position: string

  • body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, input, button, textarea, p, blockquote, th, td, form, pre: { -webkit-tap-highlight-color: string; margin: string; padding: string }

    • -webkit-tap-highlight-color: string

    • margin: string

    • padding: string

  • html: { color: string; font-size: string }

    • color: string

    • font-size: string

  • input:-moz-placeholder: { color: string }

    • color: string

  • input:-ms-input-placeholder: { color: string }

    • color: string

  • input::-moz-placeholder: { color: string }

    • color: string

  • input::-webkit-input-placeholder: { color: string }

    • color: string

  • scrollbar-color: string

  • scrollbar-width: string

  • span.yh-ripple: { animation: string; background-color: string; border-radius: string; position: string; transform: string }

    • animation: string

    • background-color: string

    • border-radius: string

    • position: string

    • transform: string

  • yh-active: {}