@nextcloud/vue
Version:
Nextcloud vue components
57 lines • 1.87 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-38ba4aa1] {
display: flex;
align-self: center;
justify-self: center;
align-items: center;
justify-content: center;
}
.progress-bar[data-v-38ba4aa1] {
display: block;
height: var(--progress-bar-height);
--progress-bar-color: var(--0a7905e8);
--progress-bar-height: var(--d7eb5974);
}
.progress-bar--linear[data-v-38ba4aa1] {
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-38ba4aa1]::-webkit-progress-bar {
height: var(--progress-bar-height);
background-color: transparent;
}
.progress-bar--linear[data-v-38ba4aa1]::-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-38ba4aa1]::-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-38ba4aa1] {
width: var(--progress-bar-height);
color: var(--progress-bar-color);
}
.progress-bar--error[data-v-38ba4aa1] {
color: var(--color-text-error, var(--color-error)) ;
}
.progress-bar--error[data-v-38ba4aa1]::-moz-progress-bar {
background: var(--color-text-error, var(--color-error)) ;
}
.progress-bar--error[data-v-38ba4aa1]::-webkit-progress-value {
background: var(--color-text-error, var(--color-error)) ;
}