Files
ionic-framework/core/src/components/slides/slides.md.vars.scss
Brandy Carney a7f1f4daa7 refactor(components): update to use shadow DOM and work with css variables
- updates components to use shadow DOM or scoped if they require css variables
- moves global styles to an external stylesheet that needs to be imported
- adds support for additional colors and removes the Sass loops to generate colors for each component
- several property renames, bug fixes, and test updates

Co-authored-by: Manu Mtz.-Almeida <manu.mtza@gmail.com>
Co-authored-by: Adam Bradley <adambradley25@gmail.com>
Co-authored-by: Cam Wiegert <cam@camwiegert.com>
2018-07-09 12:57:21 -04:00

29 lines
1.4 KiB
SCSS

@import "../../themes/ionic.globals.md";
/// @prop - Background color of the bullet
$slides-md-bullet-background: $text-color-step-800 !default;
/// @prop - Background color of the active bullet
$slides-md-bullet-background-active: ion-color(primary, base) !default;
/// @prop - Alpha to use for the background color of the progress bar
$slides-md-progress-bar-background-alpha: .25 !default;
/// @prop - Background color of the progress
$slides-md-progress-bar-background: rgba(var(--ion-text-color-rgb, $text-color-rgb), $slides-md-progress-bar-background-alpha) !default;
/// @prop - Background color of the progress bar
$slides-md-progress-bar-background-active: ion-color(primary, shade) !default;
/// @prop - Alpha to use for the background color of the scroll bar
$slides-md-scroll-bar-background-alpha: .1 !default;
/// @prop - Background color of the scroll bar
$slides-md-scroll-bar-background: rgba(var(--ion-text-color-rgb, $text-color-rgb), $slides-md-scroll-bar-background-alpha) !default;
/// @prop - Alpha to use for the background color of the scroll bar while dragging
$slides-md-scroll-bar-drag-background-alpha: .5 !default;
/// @prop - Background color of the scroll bar drag handle
$slides-md-scroll-bar-drag-background: rgba(var(--ion-text-color-rgb, $text-color-rgb), $slides-md-scroll-bar-drag-background-alpha) !default;