@import (reference) '~dumi-theme-mobile/es/style/variables';

@media only screen and (max-width: 1440px) {
  @s-menu-width: 240px;

  .@{prefix}-menu {
    &[data-mode='site'] {
      width: @s-menu-width;
    }
  }

  .@{prefix}-layout {
    &[data-site-mode='true'][data-show-sidemenu='true'] {
      padding-left: @s-menu-width + 50;
      padding-top: 0;
    }
  }
}

.@{prefix}-mobile-content {
  display: flex;
  align-items: flex-start;
  min-height: 400px;

  > article {
    flex: 1;
    min-width: 0;
    margin-left: @s-content-margin;

    > .markdown:first-child > *:first-child {
      margin-top: 0;
    }
  }
}

@media only screen and (max-width: 500px) {
  .@{prefix}-mobile-demo-layout {
    padding: 0.16rem;
  }
}