material-web/button/internal/_touch-target.scss
Elizabeth Mitchell 48d84f86ee chore(button): remove BEM css class name style
Why? We don't use https://getbem.com/ styles anymore now that we have shadow dom.

Just cleanup to help with child changes.

PiperOrigin-RevId: 579980984
2023-11-06 15:50:24 -08:00

24 lines
394 B
SCSS

//
// Copyright 2021 Google LLC
// SPDX-License-Identifier: Apache-2.0
//
@mixin styles() {
.touch {
position: absolute;
top: 50%;
height: 48px;
left: 0;
right: 0;
transform: translateY(-50%);
}
:host([touch-target='wrapper']) {
margin: max(0px, (48px - var(--_container-height)) / 2) 0;
}
:host([touch-target='none']) .touch {
display: none;
}
}