ohayolibs/packages/theme/system/widgets/_abs.less

Ohayo is a set of essential modules for ohayojp.

// 中心元素
@abs-enabled: true;

.widget-abs-mixin(@enabled) when(@enabled=true) {
  .abs-center-container {
    position: relative;
  }

  .abs-center {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: auto;
    &.abs-fixed {
      position: fixed;
      z-index: 999;
    }
    &.abs-right {
      right: 20px;
      left: auto;
      text-align: right;
    }
    &.abs-left {
      right: auto;
      left: 20px;
      text-align: left;
    }
  }

  @media (max-width: 320px) {
    .abs-center {
      padding: 0 10px;
    }
  }

  @media (max-height: @mobile-max) {
    .abs-center {
      position: relative;
    }
  }
}

.widget-abs-mixin(@abs-enabled);