@nextcloud/vue
Version:
Nextcloud vue components
47 lines • 1.44 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-fbe2ff4a] {
display: flex;
align-self: center;
justify-self: center;
align-items: center;
justify-content: center;
}
.native-datetime-picker[data-v-fbe2ff4a] {
display: flex;
flex-direction: column;
}
.native-datetime-picker .native-datetime-picker--input[data-v-fbe2ff4a] {
width: 100%;
flex: 0 0 auto;
padding-right: 4px;
}
[data-theme-light] .native-datetime-picker--input[data-v-fbe2ff4a],
[data-themes*=light] .native-datetime-picker--input[data-v-fbe2ff4a] {
color-scheme: light;
}
[data-theme-dark] .native-datetime-picker--input[data-v-fbe2ff4a],
[data-themes*=dark] .native-datetime-picker--input[data-v-fbe2ff4a] {
color-scheme: dark;
}
@media (prefers-color-scheme: light) {
[data-theme-default] .native-datetime-picker--input[data-v-fbe2ff4a],
[data-themes*=default] .native-datetime-picker--input[data-v-fbe2ff4a] {
color-scheme: light;
}
}
@media (prefers-color-scheme: dark) {
[data-theme-default] .native-datetime-picker--input[data-v-fbe2ff4a],
[data-themes*=default] .native-datetime-picker--input[data-v-fbe2ff4a] {
color-scheme: dark;
}
}