cadence-web/client/styles/modal.styl

Cadence Web UI

@require "./definitions"

body .v--modal-overlay
  display flex
  justify-content center
  align-items center
  .v--modal-background-click
    display flex
    justify-content center
    align-items center
  .vue-dialog .dialog-content
    padding 0
.v--modal-box.v--modal
  top initial !important
  left initial !important
  width auto !important
  height auto !important
  max-width 95vw
  max-height 95vh
  padding layout-spacing-medium
  display flex
  flex-direction column
  header
    flex 0 0 auto
    display flex
    align-items center
    margin-bottom layout-spacing-small
    & > *
      margin-right 0.2em
  article
    padding layout-spacing-medium 0

a.close
  position absolute
  color base-text-color
  icon-delete()
  vertical-align middle
  right inline-spacing-medium
  top layout-spacing-medium
  padding 4px