2022-10-25 23:32:01 +03:00
|
|
|
//
|
|
|
|
// Copyright 2021 Google LLC
|
|
|
|
// SPDX-License-Identifier: Apache-2.0
|
|
|
|
//
|
|
|
|
|
|
|
|
// stylelint-disable selector-class-pattern --
|
|
|
|
// Selector '.md3-*' should only be used in this project.
|
|
|
|
|
2023-02-14 22:09:50 +03:00
|
|
|
// go/keep-sorted start
|
2022-10-25 23:32:01 +03:00
|
|
|
@use 'sass:map';
|
2023-02-14 22:09:50 +03:00
|
|
|
// go/keep-sorted end
|
|
|
|
// go/keep-sorted start
|
2022-10-25 23:32:01 +03:00
|
|
|
@use './icon';
|
|
|
|
@use './input';
|
2023-02-14 22:09:50 +03:00
|
|
|
// go/keep-sorted end
|
2022-10-25 23:32:01 +03:00
|
|
|
|
|
|
|
@mixin styles() {
|
|
|
|
:host {
|
|
|
|
display: inline-flex;
|
|
|
|
outline: none;
|
2023-01-03 22:54:00 +03:00
|
|
|
-webkit-tap-highlight-color: transparent;
|
2022-10-25 23:32:01 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
.md3-text-field {
|
|
|
|
display: inline-flex;
|
|
|
|
flex: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
.md3-text-field__field {
|
|
|
|
cursor: text;
|
|
|
|
flex: 1;
|
|
|
|
|
|
|
|
.md3-text-field--disabled & {
|
|
|
|
cursor: default;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.md3-text-field__counter {
|
|
|
|
white-space: nowrap;
|
|
|
|
}
|
|
|
|
|
|
|
|
@include icon.styles;
|
|
|
|
@include input.styles;
|
|
|
|
}
|