@nextcloud/vue
Version:
Nextcloud vue components
36 lines • 1.18 kB
CSS
/**
* SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
* SPDX-License-Identifier: AGPL-3.0-or-later
*/
/**
* SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors
* SPDX-License-Identifier: AGPL-3.0-or-later
*/
/*
* Ensure proper alignment of the vue material icons
*/
._material-design-icon_lf0a1_12 {
display: flex;
align-self: center;
justify-self: center;
align-items: center;
justify-content: center;
}
._kbd_lf0a1_20 {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: var(--default-clickable-area);
height: var(--default-clickable-area);
padding-inline: calc(2 * var(--default-grid-baseline)) calc(2 * var(--default-grid-baseline));
border: 2px solid var(--color-primary-element-light);
border-block-end-width: 4px;
border-radius: var(--border-radius-element);
box-shadow: none; /* Override server <kbd> styles */
font-family: var(--font-family); /* Design decision: looks better with the default font instead of mono */
line-height: 1;
white-space: nowrap;
}
._kbd_lf0a1_20 + ._kbd_lf0a1_20 {
margin-inline-start: calc(1 * var(--default-grid-baseline));
}