// Material shadows
// <https://codepen.io/sdthornton/pen/wBZdXq>
$shadow-small: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
$shadow-medium: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
$shadow-large: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
$material-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
// Configurations for contentEditable
$editable-color: rgba(0, 0, 0, 0.1);
$editable-color-active: rgba(57, 73, 171, 0.4);
$editable-radius: 2px;
// Button dimensions
$button-radius: 3px;
$button-margin-right: 0px;
$button-margin-left: 5px;
$button-margin-vertical: 5px;
// Dialogs
$dialog-width: 500px;
$dialog-height: 200px;
$dialog-margin: 50px;
$dialog-radius: 2px;
$dialog-inset: 15px;
// Dimensions of main content card
$content-padding: 100px;
$content-width: 1000px;
$content-height: 600px;
$content-total-height: $content-height + 2 * $content-padding;
$content-radius: 2px;
$content-inset: 12px;