87b8ef6968
Bug: T343910 Bug: T347107 Bug: T350644 Bug: T350946 Bug: T356103 Bug: T356537 Bug: T356540 Bug: T356541 Bug: T357165 Bug: T357173 Bug: T357185 Bug: T357324 Depends-On: Ia561e6123ab8fa52b4498074867fc1b5e92f1e02 Change-Id: I363a97d33d85a9033da753f2a8fe730d80206639
1 line
3.4 KiB
CSS
1 line
3.4 KiB
CSS
.cdx-toggle-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;box-sizing:border-box;min-width:32px;min-height:32px;max-width:28em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-right:11px;padding-left:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-toggle-button--size-large{min-width:44px;min-height:44px;padding-right:15px;padding-left:15px}.cdx-toggle-button--icon-only{padding-right:5px;padding-left:5px}.cdx-toggle-button--icon-only.cdx-toggle-button--size-large{padding-right:11px;padding-left:11px}.cdx-toggle-button::-moz-focus-inner{border:0;padding:0}.cdx-toggle-button:enabled{color:var(--color-base)}.cdx-toggle-button:enabled:hover{cursor:pointer}.cdx-toggle-button:enabled:focus{border-color:var(--border-color-progressive--focus);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus);outline:1px solid transparent}.cdx-toggle-button:enabled:active,.cdx-toggle-button:enabled.cdx-toggle-button--is-active{color:var(--color-emphasized);border-color:var(--border-color-interactive);box-shadow:none}.cdx-toggle-button .cdx-icon{color:inherit;vertical-align:middle}.cdx-toggle-button--framed:enabled{background-color:var(--background-color-interactive-subtle);border-color:var(--border-color-base)}.cdx-toggle-button--framed:enabled:hover{background-color:var(--background-color-base);color:var(--color-base--hover)}.cdx-toggle-button--framed:enabled:active,.cdx-toggle-button--framed:enabled.cdx-toggle-button--is-active{background-color:var(--background-color-interactive)}.cdx-toggle-button--framed:disabled{background-color:var(--background-color-disabled);color:var(--color-inverted);border-color:var(--border-color-disabled)}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled{background-color:var(--background-color-progressive--active);color:var(--color-inverted);border-color:var(--border-color-progressive--active)}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:hover{background-color:var(--background-color-progressive--hover);color:var(--color-inverted);border-color:var(--border-color-progressive--hover)}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:focus{border-color:var(--border-color-progressive--focus);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus),inset 0 0 0 2px var(--box-shadow-color-inverted)}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:active,.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled.cdx-toggle-button--is-active{background-color:var(--background-color-interactive);color:var(--color-emphasized);border-color:var(--border-color-interactive);box-shadow:none}.cdx-toggle-button--quiet{background-color:var(--background-color-transparent);border-color:var(--border-color-transparent)}.cdx-toggle-button--quiet:enabled.cdx-toggle-button--toggled-on{background-color:var(--background-color-interactive)}.cdx-toggle-button--quiet:enabled:hover{background-color:var(--background-color-interactive-subtle)}.cdx-toggle-button--quiet:enabled:focus{background-color:var(--background-color-interactive-subtle)}.cdx-toggle-button--quiet:enabled:active,.cdx-toggle-button--quiet:enabled.cdx-toggle-button--is-active{background-color:var(--background-color-interactive)}.cdx-toggle-button--quiet:disabled{color:var(--color-disabled)}
|