modal: better inset
This commit is contained in:
parent
d26bb7bbee
commit
a19494a2bc
|
@ -11,7 +11,7 @@
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: $dialog-radius;
|
border-radius: $dialog-radius;
|
||||||
box-shadow: $shadow-large;
|
box-shadow: $shadow-large;
|
||||||
padding: $dialog-radius * 3;
|
padding: $dialog-inset;
|
||||||
|
|
||||||
p {
|
p {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
|
@ -7,18 +7,19 @@ $material-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
|
||||||
// Configurations for contentEditable
|
// Configurations for contentEditable
|
||||||
$editable-color: rgba(0, 0, 0, 0.1);
|
$editable-color: rgba(0, 0, 0, 0.1);
|
||||||
$editable-color-active: rgba(57, 73, 171, 0.4);
|
$editable-color-active: rgba(57, 73, 171, 0.4);
|
||||||
$editable-radius: 5px;
|
$editable-radius: 2px;
|
||||||
// Button dimensions
|
// Button dimensions
|
||||||
$button-radius: 5px;
|
$button-radius: 3px;
|
||||||
// Dialogs
|
// Dialogs
|
||||||
$dialog-width: 500px;
|
$dialog-width: 500px;
|
||||||
$dialog-height: 200px;
|
$dialog-height: 200px;
|
||||||
$dialog-margin: 50px;
|
$dialog-margin: 50px;
|
||||||
$dialog-radius: 5px;
|
$dialog-radius: 2px;
|
||||||
|
$dialog-inset: 15px;
|
||||||
// Dimensions of main content card
|
// Dimensions of main content card
|
||||||
$content-padding: 100px;
|
$content-padding: 100px;
|
||||||
$content-width: 1000px;
|
$content-width: 1000px;
|
||||||
$content-height: 600px;
|
$content-height: 600px;
|
||||||
$content-total-height: $content-height + 2 * $content-padding;
|
$content-total-height: $content-height + 2 * $content-padding;
|
||||||
$content-radius: 5px;
|
$content-radius: 2px;
|
||||||
$content-inset: 12px;
|
$content-inset: 12px;
|
Loading…
Reference in a new issue