| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126 |
- /**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE
- */
- .mdc-notched-outline {
- display: flex;
- position: absolute;
- top: 0;
- right: 0;
- left: 0;
- box-sizing: border-box;
- width: 100%;
- max-width: 100%;
- height: 100%;
- /* @noflip */
- /*rtl:ignore*/
- text-align: left;
- pointer-events: none;
- }
- [dir=rtl] .mdc-notched-outline, .mdc-notched-outline[dir=rtl] {
- /*rtl:begin:ignore*/
- /* @noflip */
- /*rtl:ignore*/
- text-align: right;
- /*rtl:end:ignore*/
- }
- .mdc-notched-outline__leading, .mdc-notched-outline__notch, .mdc-notched-outline__trailing {
- box-sizing: border-box;
- height: 100%;
- pointer-events: none;
- }
- .mdc-notched-outline__trailing {
- flex-grow: 1;
- }
- .mdc-notched-outline__notch {
- flex: 0 0 auto;
- width: auto;
- }
- .mdc-notched-outline .mdc-floating-label {
- display: inline-block;
- position: relative;
- max-width: 100%;
- }
- .mdc-notched-outline .mdc-floating-label--float-above {
- text-overflow: clip;
- }
- .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
- max-width: 133.3333333333%;
- }
- .mdc-notched-outline--notched .mdc-notched-outline__notch {
- /* @noflip */
- /*rtl:ignore*/
- padding-left: 0;
- /* @noflip */
- /*rtl:ignore*/
- padding-right: 8px;
- border-top: none;
- }
- [dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch, .mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl] {
- /*rtl:begin:ignore*/
- /* @noflip */
- /*rtl:ignore*/
- padding-left: 8px;
- /* @noflip */
- /*rtl:ignore*/
- padding-right: 0;
- /*rtl:end:ignore*/
- }
- .mdc-notched-outline--no-label .mdc-notched-outline__notch {
- display: none;
- }
- .mdc-notched-outline__leading, .mdc-notched-outline__notch, .mdc-notched-outline__trailing {
- border-top: 1px solid;
- border-bottom: 1px solid;
- }
- .mdc-notched-outline__leading {
- /* @noflip */
- /*rtl:ignore*/
- border-left: 1px solid;
- /* @noflip */
- /*rtl:ignore*/
- border-right: none;
- width: 12px;
- }
- [dir=rtl] .mdc-notched-outline__leading, .mdc-notched-outline__leading[dir=rtl] {
- /*rtl:begin:ignore*/
- /* @noflip */
- /*rtl:ignore*/
- border-left: none;
- /* @noflip */
- /*rtl:ignore*/
- border-right: 1px solid;
- /*rtl:end:ignore*/
- }
- .mdc-notched-outline__trailing {
- /* @noflip */
- /*rtl:ignore*/
- border-left: none;
- /* @noflip */
- /*rtl:ignore*/
- border-right: 1px solid;
- }
- [dir=rtl] .mdc-notched-outline__trailing, .mdc-notched-outline__trailing[dir=rtl] {
- /*rtl:begin:ignore*/
- /* @noflip */
- /*rtl:ignore*/
- border-left: 1px solid;
- /* @noflip */
- /*rtl:ignore*/
- border-right: none;
- /*rtl:end:ignore*/
- }
- .mdc-notched-outline__notch {
- max-width: calc(100% - 12px * 2);
- }
- /*# sourceMappingURL=mdc.notched-outline.css.map*/
|