dev-chiefworks
42 lines
895 B
SCSS
42 lines
895 B
SCSS
/* ------------------------------------------------------------------------------
|
|
*
|
|
* # Pace. Default theme
|
|
*
|
|
* Minimal preloader theme, used as a default theme
|
|
*
|
|
* ---------------------------------------------------------------------------- */
|
|
|
|
// Check if component is enabled
|
|
@if $enable-pace {
|
|
|
|
// Define variables
|
|
$pace-loader-color: $color-blue-300;
|
|
$pace-loader-height: 0.125rem;
|
|
|
|
|
|
// Pace theme styles
|
|
// ------------------------------
|
|
|
|
// Base
|
|
.pace {
|
|
pointer-events: none;
|
|
user-select: none;
|
|
|
|
// Progress
|
|
.pace-progress {
|
|
background: $pace-loader-color;
|
|
position: fixed;
|
|
z-index: 2000;
|
|
top: 0;
|
|
left: 0;
|
|
width: 0;
|
|
height: $pace-loader-height;
|
|
}
|
|
}
|
|
|
|
// Hide when done
|
|
.pace-inactive {
|
|
display: none;
|
|
}
|
|
}
|