@use "../core/_index.scss" as *;

/// The width of the Signature.
/// @group signature
$kendo-signature-width: 246px !default;
/// The height of the Signature.
/// @group signature
$kendo-signature-height: 108px !default;

/// The minimum height of the large Signature.
/// @group signature
$kendo-signature-lg-min-height: 110px !default;

/// The width of the maximized Signature.
/// @group signature
$kendo-signature-maximized-width: 750px !default;
/// The height of the maximized Signature.
/// @group signature
$kendo-signature-maximized-height: 252px !default;

/// The horizontal padding of the small Signature.
/// @group signature
$kendo-signature-sm-padding-x: k-spacing(0.5) !default;
/// The horizontal padding of the medium Signature.
/// @group signature
$kendo-signature-md-padding-x: k-spacing(1) !default;
/// The horizontal padding of the large Signature.
/// @group signature
$kendo-signature-lg-padding-x: k-spacing(1.5) !default;

/// The vertical padding of the small Signature.
/// @group signature
$kendo-signature-sm-padding-y: $kendo-signature-sm-padding-x !default;
/// The vertical padding of the medium Signature.
/// @group signature
$kendo-signature-md-padding-y: $kendo-signature-md-padding-x !default;
/// The vertical padding of the large Signature.
/// @group signature
$kendo-signature-lg-padding-y: $kendo-signature-lg-padding-x !default;

/// The width of the Signature line.
/// @group signature
$kendo-signature-line-width: 1px !default;
/// The style of the Signature line.
/// @group signature
$kendo-signature-line-style: dashed !default;
/// The color of the Signature line.
/// @group signature
$kendo-signature-line-color: color-mix(in srgb, k-color(info) 24%, transparent) !default;

/// The size of the small Signature line.
/// @group signature
$kendo-signature-sm-line-size: calc( 100% - 2 * #{$kendo-signature-sm-padding-x} ) !default;
/// The size of the medium Signature line.
/// @group signature
$kendo-signature-md-line-size: calc( 100% - 2 * #{$kendo-signature-md-padding-x} ) !default;
/// The size of the large Signature line.
/// @group signature
$kendo-signature-lg-line-size: calc( 100% - 2 * #{$kendo-signature-lg-padding-x} ) !default;

/// The bottom offset of the Signature line.
/// @group signature
$kendo-signature-line-bottom-offset: 33% !default;

/// The gap between the Signature actions.
/// @group signature
$kendo-signature-actions-gap: k-spacing(1) !default;
/// The line width of the maximized Signature.
/// @group signature
$kendo-signature-maximized-line-width: 3px !default;

@forward "@progress/kendo-theme-core/scss/components/signature/_variables.scss" with (
    $kendo-signature-width: $kendo-signature-width,
    $kendo-signature-height: $kendo-signature-height,
    $kendo-signature-lg-min-height: $kendo-signature-lg-min-height,
    $kendo-signature-maximized-width: $kendo-signature-maximized-width,
    $kendo-signature-maximized-height: $kendo-signature-maximized-height,
    $kendo-signature-sm-padding-x: $kendo-signature-sm-padding-x,
    $kendo-signature-md-padding-x: $kendo-signature-md-padding-x,
    $kendo-signature-lg-padding-x: $kendo-signature-lg-padding-x,
    $kendo-signature-sm-padding-y: $kendo-signature-sm-padding-y,
    $kendo-signature-md-padding-y: $kendo-signature-md-padding-y,
    $kendo-signature-lg-padding-y: $kendo-signature-lg-padding-y,
    $kendo-signature-line-width: $kendo-signature-line-width,
    $kendo-signature-line-style: $kendo-signature-line-style,
    $kendo-signature-line-color: $kendo-signature-line-color,
    $kendo-signature-sm-line-size: $kendo-signature-sm-line-size,
    $kendo-signature-md-line-size: $kendo-signature-md-line-size,
    $kendo-signature-lg-line-size: $kendo-signature-lg-line-size,
    $kendo-signature-line-bottom-offset: $kendo-signature-line-bottom-offset,
    $kendo-signature-actions-gap: $kendo-signature-actions-gap,
    $kendo-signature-maximized-line-width: $kendo-signature-maximized-line-width
);