utility-container-expand

container-expand

コンテナブロックの最大幅を無視して、要素の背景とボーダーのみをウィンドウ全体に広げる。
仕様上、2カラム以上のレイアウトでは使用できない。
.l-document-innerの幅制限を解除していると、横スクロールバーが表示されてしまう。

(l-container + contents)
(l-container + l-container-expand + contents)
  <div class="l-container bg-first bg-mild m-b p">
      <div class="p-y line-c m-b" style="background-color: rgba(255,255,255,.5); color: #000">(l-container + contents)</div>

      <div class="container-expand bg-third bg-mild">
          <div class="p-y line-c" style="background-color: rgba(255,255,255,.5); color: #000">(l-container + l-container-expand + contents)</div>
      </div>
  </div>