You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
39 lines
768 B
Stylus
39 lines
768 B
Stylus
5 years ago
|
.dialog
|
||
|
position: fixed
|
||
|
left: 0
|
||
|
top: 0
|
||
|
width: 100%
|
||
|
height: 100%
|
||
|
opacity: 0
|
||
|
z-index: 1000 // managed
|
||
|
// display flex will be added after animation completes
|
||
|
flex-direction: column
|
||
|
align-items: center
|
||
|
justify-content: center
|
||
|
display: none
|
||
|
background: $dialog-layer-bg-color
|
||
|
|
||
|
.dialog__content
|
||
|
position: relative
|
||
|
|
||
|
.dialog.withBg .dialog__content
|
||
|
background: $dialog-bg-color
|
||
|
border: 1px solid $dialog-border-color
|
||
|
box-shadow: $dialog-shadow
|
||
|
min-width: rem(500px)
|
||
|
max-width: rem(900px)
|
||
|
padding: rem(40px) rem(30px)
|
||
|
|
||
|
.dialog__body
|
||
|
margin-bottom: rem(20px)
|
||
|
min-height: rem(50px)
|
||
|
|
||
|
h1
|
||
|
font-size: 1.6rem
|
||
|
color: $dialog-title-color
|
||
|
margin-bottom: 1rem
|
||
|
|
||
|
.dialog__action button
|
||
|
margin-left: rem(10px)
|
||
|
margin-bottom: 0
|