io.github.palexdev.mfxresources.sass.components.fabs._fabs-surface.scss Maven / Gradle / Ivy
Go to download
Show more of this group Show more artifacts with this name
Show all versions of materialfx-all Show documentation
Show all versions of materialfx-all Show documentation
Material Design/Modern components for JavaFX, now packed as a single Jar
The newest version!
@use '../../abstracts/functions' as *;
@use '../../abstracts/maps' as *;
@use '../../themes/theme' as *;
// Material
$md-styles: (
root: (
bg-color: GetSchemeColor('surface-container-high'),
fg-color: GetSchemeColor('primary'),
lowered: (
bg-color: GetSchemeColor('surface-container-low'),
fg-color: GetSchemeColor('primary'),
),
),
icon: (
mfx-color: GetSchemeColor('primary'),
),
surface-bg: (
bg-color: GetSchemeColor('primary'),
),
surface-ripple: (
ripple-color: Ripple('primary'),
),
) !default;
@mixin MaterialSurface($overrides: ()) {
/*!***************************************************************************************************
* Surface FABs
****************************************************************************************************/
$styles: DeepMerge($md-styles, $overrides);
.mfx-button.fab.surface {
@include ApplyStyles($styles, root);
> .label > .mfx-font-icon {
@include ApplyStyles($styles, icon);
}
> .surface > .bg {
@include ApplyStyles($styles, surface-bg);
}
> .surface > .mfx-ripple-generator {
@include ApplyStyles($styles, surface-ripple);
}
}
// Special Variants
.mfx-button.fab.surface.lowered {
@include ApplyStyles($styles, root, lowered);
}
}
© 2015 - 2024 Weber Informatics LLC | Privacy Policy