|
@ -10,6 +10,8 @@ $doodle-background: #d9e1e8; |
|
|
background: $doodle-background; |
|
|
background: $doodle-background; |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
line-height: 0; // remove weird gap under canvas |
|
|
line-height: 0; // remove weird gap under canvas |
|
|
|
|
|
overflow: auto; |
|
|
|
|
|
|
|
|
canvas { |
|
|
canvas { |
|
|
border: 5px solid $doodle-background; |
|
|
border: 5px solid $doodle-background; |
|
|
} |
|
|
} |
|
@ -18,6 +20,9 @@ $doodle-background: #d9e1e8; |
|
|
.doodle-modal__action-bar { |
|
|
.doodle-modal__action-bar { |
|
|
@extend .boost-modal__action-bar; |
|
|
@extend .boost-modal__action-bar; |
|
|
|
|
|
|
|
|
|
|
|
flex-wrap: wrap; |
|
|
|
|
|
flex: 0 0 auto; |
|
|
|
|
|
|
|
|
.filler { |
|
|
.filler { |
|
|
flex-grow: 1; |
|
|
flex-grow: 1; |
|
|
margin: 0; |
|
|
margin: 0; |
|
|