@nextcloud/vue
Version:
Nextcloud vue components
45 lines • 1.21 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_Nn4zt {
display: flex;
align-self: center;
justify-self: center;
align-items: center;
justify-content: center;
}
._hotkey_DzGB- {
--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_DzGB-:first-child ._hotkey__label_9ecAM,
._hotkey_DzGB-:first-child ._hotkey__keys_UG-zt {
border-block-start: none;
}
._hotkey__label_9ecAM,
._hotkey__keys_UG-zt {
display: flex;
align-items: center;
padding-block: calc(2 * var(--default-grid-baseline));
border-block-start: 1px solid var(--color-border);
}
._hotkey__label_9ecAM {
flex: 1 1 200px;
}
._hotkey__keys_UG-zt {
flex: 1 1 auto;
flex-wrap: wrap;
justify-content: end;
row-gap: calc(1 * var(--default-grid-baseline));
}