parsley/app/javascript/styles/_wide_modal.scss

@use "bulma/sass/utilities" as bulma;
@use "bulma/sass/utilities/mixins";


@include mixins.until(bulma.$desktop) {
  .modal.is-wide {
    .modal-content, .modal-card {
      margin: 0 20px;
      width: 100%;
    }
  }
}

@include mixins.from(bulma.$desktop) {
  .modal.is-wide {
    .modal-content, .modal-card {
      margin: 0 auto;
      width: 1000px;
    }
  }
}