dark mode with bootstrap complete components

Used https://github.com/vinorodrigues/bootstrap-dark-5/releases/tag/v1.0.0
This commit is contained in:
Daniel
2021-05-12 04:21:49 +05:30
parent bd43001eb4
commit bfaffd9ea8
88 changed files with 4117 additions and 454 deletions

View File

@@ -0,0 +1,56 @@
// Range
.form-range {
// background-color: transparent;
&:focus {
&::-webkit-slider-thumb { box-shadow: $form-range-thumb-focus-box-shadow-alt; }
&::-moz-range-thumb { box-shadow: $form-range-thumb-focus-box-shadow-alt; }
}
&::-webkit-slider-thumb {
@include gradient-bg($form-range-thumb-bg-alt);
border: $form-range-thumb-border-alt;
@include box-shadow($form-range-thumb-box-shadow-alt);
&:active {
@include gradient-bg($form-range-thumb-active-bg-alt);
}
}
&::-webkit-slider-runnable-track {
// color: transparent; // Why?
background-color: $form-range-track-bg-alt;
// border-color: transparent;
@include box-shadow($form-range-track-box-shadow-alt);
}
&::-moz-range-thumb {
@include gradient-bg($form-range-thumb-bg-alt);
border: $form-range-thumb-border-alt;
@include box-shadow($form-range-thumb-box-shadow-alt);
&:active {
@include gradient-bg($form-range-thumb-active-bg-alt);
}
}
&::-moz-range-track {
// color: transparent;
background-color: $form-range-track-bg-alt;
// border-color: transparent; // Firefox specific?
@include box-shadow($form-range-track-box-shadow-alt);
}
&:disabled {
pointer-events: none;
&::-webkit-slider-thumb {
background-color: $form-range-thumb-disabled-bg-alt;
}
&::-moz-range-thumb {
background-color: $form-range-thumb-disabled-bg-alt;
}
}
}