@nextcloud/vue
Version:
Nextcloud vue components
46 lines • 1.52 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[data-v-4095bb7f] {
display: flex;
align-self: center;
justify-self: center;
align-items: center;
justify-content: center;
}
.app-settings-section[data-v-4095bb7f] {
--form-element-label-offset: calc(var(--border-radius-element) + var(--default-grid-baseline));
--app-settings-section-text-offset: var(--form-element-label-offset);
--app-settings-section-content-gap: calc(6 * var(--default-grid-baseline));
margin-block-end: calc(8 * var(--default-grid-baseline));
}
.app-settings-section__name[data-v-4095bb7f] {
margin: 0;
padding-inline: var(--app-settings-section-text-offset);
padding-block: 0;
font-size: 20px;
font-weight: bold;
}
.app-settings-section__description[data-v-4095bb7f] {
padding-inline: var(--app-settings-section-text-offset);
color: var(--color-text-maxcontrast);
}
.app-settings-section__content[data-v-4095bb7f] {
margin-block-start: calc(2 * var(--default-grid-baseline));
display: flex;
flex-direction: column;
justify-content: stretch;
gap: var(--app-settings-section-content-gap);
}
.app-settings-section__legacy[data-v-4095bb7f] {
--app-settings-section-text-offset: 0;
--app-settings-section-content-gap: 0;
}