@nextcloud/vue
Version:
Nextcloud vue components
82 lines • 2.14 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 {
display: flex;
align-self: center;
justify-self: center;
align-items: center;
justify-content: center;
}
#skip-actions.vue-skip-actions:focus-within {
top: 0 ;
inset-inline-start: 0 ;
width: 100vw;
height: 100vh;
padding: var(--body-container-margin) ;
backdrop-filter: brightness(50%);
}/**
* 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-d9b0d7e8] {
display: flex;
align-self: center;
justify-self: center;
align-items: center;
justify-content: center;
}
.vue-skip-actions__container[data-v-d9b0d7e8] {
background-color: var(--color-main-background);
border-radius: var(--border-radius-element);
padding: 22px;
}
.vue-skip-actions__headline[data-v-d9b0d7e8] {
font-weight: bold;
font-size: 20px;
line-height: 30px;
margin-bottom: 12px;
}
.vue-skip-actions__buttons[data-v-d9b0d7e8] {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.vue-skip-actions__buttons[data-v-d9b0d7e8] > * {
flex: 1 0 fit-content;
}
.vue-skip-actions__image[data-v-d9b0d7e8] {
margin-top: 12px;
}
.vue-skip-actions__image[data-v-d9b0d7e8]:dir(rtl) {
transform: rotateY(180deg);
}
.content[data-v-d9b0d7e8] {
display: flex;
width: calc(100% - var(--body-container-margin) * 2);
border-radius: var(--body-container-radius);
height: var(--body-height);
overflow: hidden;
padding: 0;
}
.content[data-v-d9b0d7e8]:not(.with-sidebar--full) {
position: fixed;
}
.content[data-v-d9b0d7e8], .content[data-v-d9b0d7e8] * {
box-sizing: border-box;
}