@nextcloud/vue
Version:
Nextcloud vue components
56 lines • 1.78 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-5e97fe1f] {
display: flex;
align-self: center;
justify-self: center;
align-items: center;
justify-content: center;
}
.progress-bar[data-v-5e97fe1f] {
display: block;
height: var(--progress-bar-height);
--progress-bar-color: var(--497e8a2b);
}
.progress-bar--linear[data-v-5e97fe1f] {
width: 100%;
overflow: hidden;
border: 0;
padding: 0;
background: var(--color-background-dark);
border-radius: calc(var(--progress-bar-height) / 2);
}
.progress-bar--linear[data-v-5e97fe1f]::-webkit-progress-bar {
height: var(--progress-bar-height);
background-color: transparent;
}
.progress-bar--linear[data-v-5e97fe1f]::-webkit-progress-value {
background: var(--progress-bar-color, var(--gradient-primary-background));
border-radius: calc(var(--progress-bar-height) / 2);
}
.progress-bar--linear[data-v-5e97fe1f]::-moz-progress-bar {
background: var(--progress-bar-color, var(--gradient-primary-background));
border-radius: calc(var(--progress-bar-height) / 2);
}
.progress-bar--circular[data-v-5e97fe1f] {
width: var(--progress-bar-height);
color: var(--progress-bar-color, var(--color-primary-element));
}
.progress-bar--error[data-v-5e97fe1f] {
color: var(--color-error) ;
}
.progress-bar--error[data-v-5e97fe1f]::-moz-progress-bar {
background: var(--color-error) ;
}
.progress-bar--error[data-v-5e97fe1f]::-webkit-progress-value {
background: var(--color-error) ;
}