daocha_web/public/assets/esri/themes/base/widgets/_Print.scss

@mixin print() {
  .esri-print {
    position: relative;
    padding: $cap-spacing $side-spacing;
    overflow-y: auto;
    section[aria-hidden="true"] {
      display: none;
    }
  }

  .esri-print__form-section-container {
    margin: 0 0 $cap-spacing 0;
  }

  .esri-print__header-title {
    font-size: $font-size__header-text;
    font-weight: $font-weight--bold;
    padding: 0 0 $cap-spacing;
    margin: 0 auto 0 0;
  }

  .esri-print__template-list {
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.33);
    border-radius: $border-radius;

    display: flex;
    flex-direction: column;
    padding: 0;
    width: 280px;

    .esri-widget__heading,
    &-footer {
      margin: 0;
      padding: $cap-spacing $side-spacing;
      flex: 1 0 auto;
    }
    &-scroller {
      max-height: 175px;
      overflow-y: auto;
      border-top: 1px solid $border-color;
      border-bottom: 1px solid $border-color;
    }
    .esri-menu__list-item {
      font-size: $font-size__body;
    }
  }

  .esri-print__layout-section,
  .esri-print__map-only-section {
    padding: $cap-spacing 0 0;
    margin-bottom: $cap-spacing;
    border-top: 1px solid $border-color;
  }

  .esri-print__layout-tab-list {
    position: relative;
    bottom: -1px;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
  }

  .esri-print__layout-tab {
    display: inline-block;
    text-align: center;
    margin: 0;
    padding: 5px 5px;
    width: 100%;
    cursor: pointer;
    color: $interactive-font-color;
    border: 1px solid rgba(0, 0, 0, 0);
  }

  .esri-print__layout-tab:hover,
  .esri-print__layout-tab:focus {
    color: $font-color;
    background-color: $background-color--hover;
    border-bottom: 1px solid $border-color;
  }

  .esri-print__layout-tab[aria-selected="true"],
  .esri-print__layout-tab[aria-selected="true"]:hover {
    background-color: $background-color;
    color: $font-color;
    border-color: $border-color;
    border-bottom-color: $background-color;
  }

  .esri-print__panel--error {
    color: $font-color--error;
  }

  .esri-print__panel-container {
    flex: 1 0;
  }

  .esri-print__input-text {
    width: 100%;
    margin: 0;
  }

  .esri-print__scale-input-container {
    display: flex;
    align-items: center;
  }

  .esri-print__advanced-options-section {
    background-color: $background-color--offset;
    color: $interactive-font-color;
  }

  .esri-print__advanced-options-button-container {
    color: $interactive-font-color;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: transparent;
    width: 100%;
    overflow: visible;
  }

  .esri-print__advanced-options-button {
    border: none;
    cursor: pointer;
    font-family: inherit;
    padding: $cap-spacing--half $side-spacing--half;
    width: 100%;
    background-color: transparent;
  }

  .esri-print__advanced-options-button[aria-expanded="true"] .esri-print__advanced-options-button-icon--closed,
  .esri-print__advanced-options-button[aria-expanded="false"] .esri-print__advanced-options-button-icon--opened,
  .esri-print__advanced-options-button .esri-print__advanced-options-button-icon--closed-rtl {
    display: none;
  }

  .esri-print__advanced-options-button[aria-expanded="false"] .esri-print__advanced-options-button-icon--closed,
  .esri-print__advanced-options-button[aria-expanded="true"] .esri-print__advanced-options-button-icon--opened {
    display: block;
  }

  .esri-print__advanced-options-button-title {
    font-size: $font-size--small;
    margin: 0 $side-spacing--quarter;
  }

  .esri-print__advanced-options-container {
    font-size: $font-size--small;
    padding: $cap-spacing--half $side-spacing--half;
    .esri-print__form-section-container {
      margin-bottom: $cap-spacing--half;
    }
  }
  .esri-print__size-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .esri-print__advanced-options-section {
    @include icomoonIconSelector() {
      background: transparent;
    }
  }

  .esri-print__size-container {
    @include icomoonIconSelector() {
      background: transparent;
    }
  }

  .esri-print__size-container {
    @include icomoonIconSelector() {
      align-self: flex-end;
    }
  }

  .esri-print__size-container button {
    color: $interactive-font-color;
  }

  .esri-print__width-container,
  .esri-print__height-container {
    flex: 0 0 43%;
  }

  .esri-print__swap-button {
    flex: 0 0 5%;
    border: none;
  }

  .esri-print__refresh-button {
    border: 1px solid $border-color;
    border-left-width: 0;
  }

  .esri-print__export-button,
  .esri-print__template-button {
    margin: $cap-spacing--half 0;
  }

  .esri-print__export-panel-container {
    font-size: $font-size--small;
    border-top: 1px solid #ddd;
    padding: $cap-spacing 0;
  }

  .esri-print__export-panel-container {
    @include icomoonIconSelector() {
      margin-right: 0.5em;
      margin-top: 0.15em;
    }
  }

  .esri-print__exported-file-link-title {
    @include wordbreak();
  }

  .esri-print__exported-file-link {
    color: $interactive-font-color;
    display: flex;
    align-items: flex-start;
    margin-bottom: $cap-spacing--half;
    text-decoration: none;
    &:hover {
      color: $interactive-font-color--hover;
    }
  }

  .esri-print__exported-file--error {
    color: $font-color--error;
    cursor: pointer;
  }

  .esri-print .esri-print__exported-file--error:hover {
    color: $font-color--error;
  }

  .esri-print__loader {
    height: 40px;
    width: 32px;
    background: url(../base/images/loading-throb.gif) no-repeat center;
    margin: 0 auto;
  }

  [dir="rtl"] {
    .esri-print__refresh-button {
      border-left-width: 1px;
      border-right-width: 0;
    }
    .esri-print__export-panel-container {
      @include icomoonIconSelector() {
        margin-right: 0;
        margin-left: 0.5em;
      }
    }
    .esri-print__advanced-options-button[aria-expanded="false"] .esri-print__advanced-options-button-icon--closed {
      display: none;
    }
    .esri-print__advanced-options-button[aria-expanded="false"] .esri-print__advanced-options-button-icon--closed-rtl {
      display: block;
    }
  }
}

@if $include_Print == true {
  @include print();
}