@nextcloud/vue
Version:
Nextcloud vue components
57 lines • 1.59 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-0974f50a] {
display: flex;
align-self: center;
justify-self: center;
align-items: center;
justify-content: center;
}
.settings-section[data-v-0974f50a] {
display: block;
margin-bottom: auto;
padding: 30px;
}
.settings-section[data-v-0974f50a]:not(:last-child) {
border-bottom: 1px solid var(--color-border);
}
.settings-section--limit-width > *[data-v-0974f50a] {
max-width: 900px;
}
.settings-section__name[data-v-0974f50a] {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 20px;
font-weight: bold;
max-width: 900px;
margin-top: 0;
}
.settings-section__info[data-v-0974f50a] {
display: flex;
align-items: center;
justify-content: center;
width: var(--default-clickable-area);
height: var(--default-clickable-area);
margin: calc((var(--default-clickable-area) - 16px) / 2 * -1);
margin-left: 0;
color: var(--color-text-maxcontrast);
}
.settings-section__info[data-v-0974f50a]:hover, .settings-section__info[data-v-0974f50a]:focus, .settings-section__info[data-v-0974f50a]:active {
color: var(--color-main-text);
}
.settings-section__desc[data-v-0974f50a] {
margin-top: -0.2em;
margin-bottom: 1em;
color: var(--color-text-maxcontrast);
max-width: 900px;
}