mirror of
https://github.com/material-components/material-web.git
synced 2026-03-09 00:09:23 +08:00
BREAKING CHANGE: Rename `@material/web/<component>/lib` to `@material/web/<component>/internal`. Prefer not using internal files. PiperOrigin-RevId: 550633216
48 lines
724 B
SCSS
48 lines
724 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;
|
|
-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;
|
|
}
|