@vscode/webview-ui-toolkit
Version:
A component library for building webview-based extensions in Visual Studio Code.
28 lines (27 loc) • 809 B
JavaScript
// Copyright (c) Microsoft Corporation.
// Licensed under the MIT License.
import { css } from '@microsoft/fast-element';
import { display, } from '@microsoft/fast-foundation';
import { designUnit, foreground, typeRampBaseFontSize } from '../design-tokens';
export const radioGroupStyles = (context, definition) => css `
${display('flex')} :host {
align-items: flex-start;
margin: calc(${designUnit} * 1px) 0;
flex-direction: column;
}
.positioning-region {
display: flex;
flex-wrap: wrap;
}
:host([orientation='vertical']) .positioning-region {
flex-direction: column;
}
:host([orientation='horizontal']) .positioning-region {
flex-direction: row;
}
::slotted([slot='label']) {
color: ${foreground};
font-size: ${typeRampBaseFontSize};
margin: calc(${designUnit} * 1px) 0;
}
`;