mirror of
https://github.com/material-components/material-web.git
synced 2026-03-09 00:09:23 +08:00
42 lines
588 B
SCSS
42 lines
588 B
SCSS
//
|
|
// Copyright 2021 Google LLC
|
|
// SPDX-License-Identifier: Apache-2.0
|
|
//
|
|
|
|
// go/keep-sorted start
|
|
@use 'sass:map';
|
|
// go/keep-sorted end
|
|
// go/keep-sorted start
|
|
@use './icon';
|
|
@use './input';
|
|
// go/keep-sorted end
|
|
|
|
@mixin styles() {
|
|
:host {
|
|
display: inline-flex;
|
|
outline: none;
|
|
-webkit-tap-highlight-color: transparent;
|
|
}
|
|
|
|
.text-field {
|
|
display: inline-flex;
|
|
flex: 1;
|
|
}
|
|
|
|
.field {
|
|
cursor: text;
|
|
flex: 1;
|
|
}
|
|
|
|
.disabled .field {
|
|
cursor: default;
|
|
}
|
|
|
|
.counter {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
@include icon.styles;
|
|
@include input.styles;
|
|
}
|