28 lines
950 B
SCSS
28 lines
950 B
SCSS
// 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; |