mirror of
https://github.com/material-components/material-web.git
synced 2026-03-09 00:09:23 +08:00
34 lines
741 B
SCSS
34 lines
741 B
SCSS
//
|
|
// Copyright 2022 Google LLC
|
|
// SPDX-License-Identifier: Apache-2.0
|
|
//
|
|
|
|
// stylelint-disable selector-class-pattern --
|
|
// Selector '.md3-*' should only be used in this project.
|
|
|
|
@mixin styles() {
|
|
:host {
|
|
display: flex;
|
|
outline: none;
|
|
}
|
|
|
|
.md3-segmented-button-set {
|
|
display: grid;
|
|
grid-auto-columns: 1fr;
|
|
grid-auto-flow: column;
|
|
grid-auto-rows: auto;
|
|
width: 100%;
|
|
height: var(--_container-height);
|
|
|
|
::slotted(:first-child) {
|
|
border-start-start-radius: var(--_shape-start-start);
|
|
border-end-start-radius: var(--_shape-end-start);
|
|
}
|
|
|
|
::slotted(:last-child) {
|
|
border-start-end-radius: var(--_shape-start-end);
|
|
border-end-end-radius: var(--_shape-end-end);
|
|
}
|
|
}
|
|
}
|