ネガティブマージンとmax-width

CSS

max-widthが100%とかに設定されていると、ネガティブマージンで親要素からハミ出して左右に横幅を広げようとしたときに、左にズレるだけで広がってくれないみたい。

なので左右に広げるようなmixinを書くときには注意する必要がある。

.entry-content * {
  max-width: 100%;
}

@mixin expand-block {
  margin-left: -1em;
  margin-right: -1em;
  padding: 1em;
  max-width: none;
}