UNPKG

@redocly/theme

Version:

Shared UI components lib

38 lines (33 loc) • 2.75 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
import { css } from 'styled-components'; export const languagePicker = css` /** * @tokens Language picker * */ --language-picker-dropdown-font-size: var(--dropdown-menu-font-size); // @presenter FontSize --language-picker-dropdown-font-weight: var(--dropdown-menu-font-weight); // @presenter FontWeight --language-picker-dropdown-line-height: var(--dropdown-menu-line-height); // @presenter LineHeight --language-picker-dropdown-text-color: var(--dropdown-menu-text-color); // @presenter Color --language-picker-dropdown-min-width: var(--dropdown-menu-min-width); --language-picker-dropdown-max-width: var(--dropdown-menu-max-width); --language-picker-dropdown-max-height: var(--dropdown-menu-max-height); --language-picker-dropdown-padding: var(--dropdown-menu-padding ); // @presenter Spacing --language-picker-dropdown-border-radius: var(--dropdown-menu-border-radius); // @presenter BorderRadius --language-picker-dropdown-box-shadow: var(--dropdown-menu-box-shadow); // @presenter Shadow --language-picker-dropdown-border-color: var(--dropdown-menu-border-color); // @presenter Color --language-picker-dropdown-bg-color: var(--dropdown-menu-bg-color); // @presenter Color --language-picker-dropdown-item-padding-horizontal: 20px; // @presenter Spacing --language-picker-dropdown-item-padding-vertical: var(--dropdown-menu-item-padding-vertical); // @presenter Spacing --language-picker-dropdown-item-separator-padding-top: var(--dropdown-menu-item-separator-padding-top ); // @presenter Spacing --language-picker-dropdown-item-separator-padding-bottom: var(--dropdown-menu-item-separator-padding-bottom ); // @presenter Spacing --language-picker-dropdown-item-border-radius: var(--dropdown-menu-item-border-radius ); // @presenter BorderRadius --language-picker-dropdown-item-bg-color-active: var(--dropdown-menu-item-bg-color-active); // @presenter Color --language-picker-dropdown-item-bg-color-hover: var(--dropdown-menu-item-bg-color-hover); // @presenter Color --language-picker-dropdown-item-bg-color-disabled: var(--dropdown-menu-item-bg-color-disabled); // @presenter Color --language-picker-dropdown-item-separator-border-color: var(--dropdown-menu-item-separator-border-color); // @presenter Color --language-picker-dropdown-item-color-dangerous: var(--dropdown-menu-item-color-dangerous); --language-picker-dropdown-item-color-disabled: var(--dropdown-menu-item-color-disabled); --language-picker-dropdown-item-color-active: var(--dropdown-menu-item-color-active); --language-picker-dropdown-item-color-hover: var(--dropdown-menu-item-color-hover); --language-picker-dropdown-item-border-color-focused: var(--dropdown-menu-item-border-color-focused); // @tokens End `;