<commit_before>@import "../../../styles/variables.less";
@import "@{dependencyDir}/bootstrap/less/mixins.less"; // Bootstrap Mixins

@sidebar-width: 315px;
@fudge: 7px;
@transition-style: 0.2s ease-in-out;

.fullsize-container {
  > .sidebar {
    width: 0;
    height: 0;
    display: inline-block;
    vertical-align: top;
    visibility: hidden;
    .transition(~"width" @transition-style);

    > div {
      overflow-y: hidden;
      .transition(~"margin-left" @transition-style);
      // Use a negative margin to slide child element out of sight,
      // regardless of `position` property.
      // i.e. The toc has position fixed or static depending on whether it's pinned.
      margin-left: -@sidebar-width;
    }
  }
  > .main {
    .transition(~"width" @transition-style);
    width: ~"calc(100% -" @fudge ~")";
    display: inline-block;
  }
  &.sidebar-open {
    > .sidebar {
      width: @sidebar-width;
      height: 100%;
      visibility: visible;

      @media (max-width: 640px) {
        width: 100%;
        .table-of-contents.pinned {
          max-width: 100%;
        }
      }

      > div {
        overflow-y: auto;
        margin-left: 0;
        border-right: 1px solid @gray-light;
      }
    }
    > .main {
      width: ~"calc(100% -" @sidebar-width + @fudge ~")";
      @media (max-width: 640px) {
        visibility:hidden;
      }
    }
  }<commit_msg>replace visibility:hidden with other css formulas so it's not alocating space on mobile<commit_after>@import "../../../styles/variables.less";
@import "@{dependencyDir}/bootstrap/less/mixins.less"; // Bootstrap Mixins

@sidebar-width: 315px;
@fudge: 7px;
@transition-style: 0.2s ease-in-out;

.fullsize-container {
  > .sidebar {
    width: 0;
    height: 0;
    display: inline-block;
    vertical-align: top;
    visibility: hidden;
    .transition(~"width" @transition-style);

    > div {
      overflow-y: hidden;
      .transition(~"margin-left" @transition-style);
      // Use a negative margin to slide child element out of sight,
      // regardless of `position` property.
      // i.e. The toc has position fixed or static depending on whether it's pinned.
      margin-left: -@sidebar-width;
    }
  }
  > .main {
    .transition(~"width" @transition-style);
    width: ~"calc(100% -" @fudge ~")";
    display: inline-block;
  }
  &.sidebar-open {
    > .sidebar {
      width: @sidebar-width;
      height: 100%;
      visibility: visible;

      @media (max-width: 640px) {
        width: 100%;
        .table-of-contents.pinned {
          max-width: 100%;
        }
      }

      > div {
        overflow-y: auto;
        margin-left: 0;
        border-right: 1px solid @gray-light;
      }
    }
    > .main {
      width: ~"calc(100% -" @sidebar-width + @fudge ~")";
      @media (max-width: 640px) {
        position: absolute; 
        overflow: hidden; 
        height: 1px; 
        width: 1px; 
        margin: -1px;
      }
    }
  }
{'fraction_non_alphanumeric': 0.15220338983050846, 'fraction_numerical': 0.022033898305084745, 'mean_word_length': 2.0965372507869886, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 15, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7249409', 'n_tokens_mistral': 1034, 'n_tokens_neox': 958, 'n_words': 229}