@import '../global';
/**
* @class Ext.Sheet
*/
/**
* @var {color} $sheet-bg-color
* Background-color for action sheets and message boxes.
*/
$sheet-bg-color: transparentize(darken($base-color, 40%), .1) !default;
/**
* @var {color} $sheet-bg-gradient
* Background gradient style for action sheets and message boxes.
*/
$sheet-bg-gradient: $base-gradient !default;
/**
* @var {measurement} $sheet-button-spacing
* Vertical spacing between sheet buttons.
*/
$sheet-button-spacing: .5em !default;
/**
* @var {measurement} $sheet-padding
* Overall padding in a sheet.
*/
$sheet-padding: .7em !default;
/**
* Includes default sheet styles (also required for message box).
*/
@mixin sencha-sheet {
.x-sheet, .x-sheet-action {
padding: $sheet-padding;
border-top: 1px solid darken($base-color, 30%);
height: auto;
@include background-gradient($sheet-bg-color, $sheet-bg-gradient);
@include border-radius(0);
}
.x-sheet-inner, .x-sheet-action-inner {
> .x-button {
margin-bottom: $sheet-button-spacing;
&:last-child {
margin-bottom: 0;
}
}
}
}