vimo-dt/lib/components/modal/backup/modal.md.less

A Vue2.x UI Project For Mobile & HyBrid

@import "../../../themes/default.md.less";

// Material Design Modals
// --------------------------------------------------

/// @prop - Background color for the modal
@modal-md-background-color: @background-md-color;

/// @prop - Box shadow color of the alert
@modal-inset-box-shadow-color: rgba(0, 0, 0, .4);

/// @prop - Box shadow of the alert
@modal-inset-box-shadow: 0 28px 48px @modal-inset-box-shadow-color;

/// @prop - Min width of the modal inset
@modal-inset-min-width: 768px;

/// @prop - Minimum height of the small modal inset
@modal-inset-min-height-small: 600px;

.md .modal-wrapper {
  transition: all cubic-bezier(0.36, 0.66, 0.04, 1) 400ms;
  @media only screen and (min-width: @modal-inset-min-width) and (min-height: @modal-inset-min-height-small) {
    overflow: hidden;

    border-radius: 2px;

    box-shadow: @modal-inset-box-shadow;
  }

}