CSS for stylus extension to make Github fit smaller windows

github-window-fit.css

@-moz-document domain("githubusercontent.com"), domain("graphql-explorer.githubapp.com"), regexp("^https?://((blog|gist|guides|help|raw|resources|status|developer)\\.)?github\\.com/((?!generated_pages/preview).)*$") {
body {
  min-width: auto !important;
}

.container {
  transition: width 0.2s;
}

.container {
  width: 98% !important;
  min-width: auto;
}

.repository-content {
  width: 100% !important;
  margin-right: auto !important;
}

.repository-with-sidebar {
  margin-left: 60px;
}

.repository-with-sidebar.with-full-navigation {
  margin-left: 190px;
}

.repository-with-sidebar .repository-content {
  margin-left: -60px;
}

.repository-with-sidebar.with-full-navigation .repository-content {
  margin-left: -190px;
}

.split-diff .repository-with-sidebar {
  padding-right: 0px !important;
}

.split-diff .repository-with-sidebar .repository-sidebar {
  margin-right: 0px !important;
}

.repository-content .discussion-timeline {
  width: calc(100% - 220px) !important;
}

.repository-content .discussion-timeline .timeline-new-comment {
  max-width: 100% !important;
}

.repository-content .inline-comments .comment-holder {
  max-width: none !important;
}

.repository-content .inline-comments .inline-comment-form-container {
  max-width: none !important;
}

.repository-content .inline-comments .inline-comment-form {
  max-width: none !important;
}

.repository-content .boxed-group-inner .summary-stats {
  display: table;
  width: 100%;
}

.repository-content .boxed-group-inner .summary-stats li {
  width: 25% !important;
}

.repository-content .authors-and-code .section {
  width: 50%;
}

.repository-content .authors-and-code .section svg {
  width: 100%;
}

.repository-content .capped-card {
  margin: 10px 10px 0 0 !important;
}

.repository-content .traffic-graph-stats .summary-stats {
  display: table;
  width: 100%;
}

.repository-content .traffic-graph-stats .summary-stats li {
  width: 50% !important;
}

.HeaderMenu .header-search {
  width: 200px;
}

a.js-selected-navigation-item.HeaderNavlink.px-2 {
  padding-left: 1px !important;
}

.Box-body.p-6 {
  padding: 10px !important;
}

/*
li:nth-child(1) a.js-selected-navigation-item.HeaderNavlink.px-2 {
    height: 21px !important;
    visibility: hidden;
    position: relative;
}

li:nth-child(1) a.js-selected-navigation-item.HeaderNavlink.px-2:after {
    visibility: visible;
    position: absolute;
    top: -10px;
    left: 0;
    content: "PR";
}

li:nth-child(2) a.js-selected-navigation-item.HeaderNavlink.px-2 {
    visibility: hidden;
    position: relative;
}

li:nth-child(2) a.js-selected-navigation-item.HeaderNavlink.px-2:after {
    visibility: visible;
    position: absolute;
    top: -10px;
    left: 0;
    content: "i";
}

li:nth-child(3) a.js-selected-navigation-item.HeaderNavlink.px-2 {
    visibility: hidden;
    position: relative;
}

li:nth-child(3) a.js-selected-navigation-item.HeaderNavlink.px-2:after {
    visibility: visible;
    position: absolute;
    top: -10px;
    left: 0;
    content: "MP";
}

li:nth-child(4) a.js-selected-navigation-item.HeaderNavlink.px-2 {
    visibility: hidden;
    position: relative;
}

li:nth-child(4) a.js-selected-navigation-item.HeaderNavlink.px-2:after {
    visibility: visible;
    position: absolute;
    top: -10px;
    left: 0;
    content: "X";
}
*/

/* Gists */
.gist-with-sidebar .gist-content {
  width: 100%;
}

.gist-with-sidebar.with-full-navigation .gist-content {
  width: calc(100% - 200px);
}
}