mirror of
https://github.com/material-components/material-web.git
synced 2024-09-17 16:48:02 +03:00
668f0ee5e9
Fixes #5509 PiperOrigin-RevId: 614835633
50 lines
814 B
SCSS
50 lines
814 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;
|
|
resize: both;
|
|
// Match default text-align of `<input>` instead of `inherit`.
|
|
text-align: start;
|
|
-webkit-tap-highlight-color: transparent;
|
|
}
|
|
|
|
.text-field,
|
|
.field {
|
|
width: 100%;
|
|
}
|
|
|
|
.text-field {
|
|
display: inline-flex;
|
|
}
|
|
|
|
.field {
|
|
cursor: text;
|
|
}
|
|
|
|
.disabled .field {
|
|
cursor: default;
|
|
}
|
|
|
|
.text-field,
|
|
.textarea .field {
|
|
// Note: only inherit default `resize: both` to the field when textarea.
|
|
resize: inherit;
|
|
}
|
|
|
|
@include icon.styles;
|
|
@include input.styles;
|
|
}
|