@nextcloud/vue
Version:
Nextcloud vue components
45 lines • 1.24 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_1s86g_12 {
display: flex;
align-self: center;
justify-self: center;
align-items: center;
justify-content: center;
}
._hotkey_1s86g_20 {
--form-element-label-offset: calc(var(--border-radius-element) + var(--default-grid-baseline));
display: flex;
flex-direction: row-reverse;
align-items: stretch;
padding-inline: var(--form-element-label-offset);
}
._hotkey_1s86g_20:first-child ._hotkey__label_1s86g_27,
._hotkey_1s86g_20:first-child ._hotkey__keys_1s86g_28 {
border-block-start: none;
}
._hotkey__label_1s86g_27,
._hotkey__keys_1s86g_28 {
display: flex;
align-items: center;
padding-block: calc(2 * var(--default-grid-baseline));
border-block-start: 1px solid var(--color-border);
}
._hotkey__label_1s86g_27 {
flex: 1 1 200px;
}
._hotkey__keys_1s86g_28 {
flex: 1 1 auto;
flex-wrap: wrap;
justify-content: end;
row-gap: calc(1 * var(--default-grid-baseline));
}