As an editor I want to be able to make use of all available canvas space without a sidebar

[DJMyles]

For the purpose of utilising space on the canvas, it would be beneficial if we allowed .content-main to @include span-columns(16 of 16); on desktop and @include span-columns(12 of 12); on tablet if .sidebar does not exist. At the moment it is restricted to 12 and 8 columns respectively because 4 are reserved for the sidebar, which restricts the area available in .content-main . The max line length applied to textual elements within .content-main on desktop further reduces the width available before wrapping occurs.

We have many pages on our site with no sidebar where we want to utilise 100% of the canvas area so I believe there is a use case.

Style guide: Grid.6 Sidebar
  */
  @include direction-context(right-to-left) {
    .sidebar {
      @include fill-parent;

      @include media($tablet) {
        @include span-columns(4 of 12);
      }

      @include media($desktop) {
        @include span-columns(4 of 16);
      }
    }

    .content-main {
      @include fill-parent;

      **@include media($tablet) {
        @include span-columns(8 of 12);**

        @include ie-lte(8) {
          margin-left: 0;
        }
      }

      **@include media($desktop) {
        @include span-columns(12 of 16);**

        @include ie-lte(8) {
          margin-left: 0;
        }
      }

      &:first-child {
        @include reset-layout-direction;
        @include fill-parent;
        @include shift(0);

        **@include media($tablet) {
          @include span-columns(8 of 12);**
          @include shift(0);
        }

        **@include media($desktop) {
          @include span-columns(10 of 16);**
          @include shift(0);
        }
      }
    }
  }