Snap #03
Variables CSS responsives

Ou comment gérer une gouttière globale dont la valeur dépend du breakpoint courant…

:root{
  --gutter: 10px;
  @media screen and (min-width: 1000px){
    --gutter: 40px;
  }
}
#modal{
  padding: var(--gutter);
}