ohayolibs/packages/theme/layout/default/fix/_reuse-tab.less

Ohayo is a set of essential modules for ohayojp.

@{reuse-tab-prefix} {
  margin: 0 -@ohayo-default-content-padding 0 -@ohayo-default-content-padding;
}

@{ohayo-default-prefix}__fixed {
  @{reuse-tab-prefix} {
    position: fixed;
    top: @ohayo-default-header-hg;
    right: @ohayo-default-content-padding;
    left: @ohayo-default-aside-wd + @ohayo-default-content-padding;
    z-index: @zindex-fixed + 1;
  }
}

@{ohayo-default-prefix}__collapsed {
  @{reuse-tab-prefix} {
    left: @ohayo-default-aside-collapsed-wd + @ohayo-default-content-padding;
  }
}

@media (min-width: @mobile-min) {
  @{ohayo-default-prefix}__fixed {
    @{reuse-tab-prefix} {
      + router-outlet {
        display: block;
        height: @reuse-tab-height;
      }
    }
  }
}

@media (max-width: @mobile-max) {
  @{ohayo-default-prefix}__fixed {
    @{reuse-tab-prefix} {
      position: unset;
      width: initial;
      margin-top: @reuse-tab-height;
    }
  }
}