/*

Name: Summit
Background: White
Color: Blue
Type: Skeuomorph
Preview: https://downloads-yootheme.storage.googleapis.com/library/summit/styles/default.jpg

Style: light-purple
Name: Light Purple
Background: Light
Color: Purple
Type: Skeuomorph
Preview: https://downloads-yootheme.storage.googleapis.com/library/summit/styles/light-purple.jpg

Style: white-turquoise
Name: White Turquoise
Background: White
Color: Turquoise
Type: Skeuomorph
Preview: https://downloads-yootheme.storage.googleapis.com/library/summit/styles/white-turquoise.jpg

Style: white-pink
Name: White Pink
Background: White
Color: Pink
Type: Skeuomorph
Preview: https://downloads-yootheme.storage.googleapis.com/library/summit/styles/white-pink.jpg

Style: white-red
Name: White Red
Background: White
Color: Red
Type: Skeuomorph
Preview: https://downloads-yootheme.storage.googleapis.com/library/summit/styles/white-red.jpg

Style: white-yellow
Name: White Yellow
Background: White
Color: Yellow
Type: Skeuomorph
Preview: https://downloads-yootheme.storage.googleapis.com/library/summit/styles/white-yellow.jpg

*/

// Platform
@import "platform.less";

// UIkit Core
@import "../vendor/assets/uikit/src/less/uikit.less";

// UIkit Theme
@import "../vendor/assets/uikit-themes/master/_import.less";
@import "../vendor/assets/uikit-themes/master-summit/_import.less";

// Theme
@import "theme.less";

//
// Variables
//

@theme-toolbar-color-mode:                      dark;

// Style
@import (optional) "../vendor/assets/uikit-themes/master-summit/styles/@{internal-style}.less";

@internal-style: ;


// Variables
// ========================================================================

//
// Mask
//

@internal-theme-mask-default-image:                      "../vendor/assets/uikit-themes/master-summit/images/mask-default-image.svg";

//
// Box Decoration
//

@theme-box-decoration-z-index:                           1;

@theme-box-decoration-default-transform-horizontal:      0;
@theme-box-decoration-default-transform-vertical:        0;
@theme-box-decoration-default-background:                @card-default-border;

@theme-box-decoration-primary-transform-horizontal:      0;
@theme-box-decoration-primary-transform-vertical:        0;
@theme-box-decoration-primary-background:                @card-default-border;

@theme-box-decoration-secondary-transform-horizontal:    0;
@theme-box-decoration-secondary-transform-vertical:      0;
@theme-box-decoration-secondary-background:              @card-default-border;



.hook-box-decoration() {

    &::before {
        background-color: transparent !important;
        border-image-slice: 3% fill;
        border-image-width: 10px;
        border-image-repeat: stretch;
    }

}

.hook-box-decoration-default() {

    padding: 5px;

    &::before { .svg-fill("../../../../uikit-themes/master-summit/images/box-decoration-default-image.svg", "#000", @theme-box-decoration-default-background, border-image-source); }

}

.hook-box-decoration-primary() {

    padding: 8px;

    &::before { .svg-fill("../../../../uikit-themes/master-summit/images/box-decoration-primary-image.svg", "#000", @theme-box-decoration-default-background, border-image-source); }

}

.hook-box-decoration-secondary() {

    padding: 16px;

    &::before { .svg-fill("../../../../uikit-themes/master-summit/images/box-decoration-primary-image.svg", "#000", @theme-box-decoration-default-background, border-image-source); }

}
