sass - framework - Relleno de contenedores en Neat/Bourbon

sass library

Question

Estoy trabajando con Neat la primera vez. Me pregunto cómo puedo lograr un relleno para el contenedor exterior. Al darle al contenedor un relleno, el ancho de las columnas en el interior ya no es el correcto y se desplaza hacia la derecha / izquierda.

Como éste:

<header>
<div class=''container''>
<div class=''logo''>
<img alt=''Logo'' src=''assets/images/logo.png''>
</div>
</div>
</header>
.container
{
@include outer-container;
padding-left: 15px;
padding-right: 15px;
}
header
{
.logo
{
@include span-columns( 3 );
}
}

Sé que podría darle al primer elemento del contenedor un relleno y las columnas se ajustarían, pero esa no es una solución consistente.

¿Cuál es la mejor práctica para usar un relleno consistente en el contenedor externo sin cambiar las columnas dentro?

¡Muchas gracias por adelantado!

Answer 1

Esto no es posible actualmente en Neat 1.6, pero es un problema conocido que parece que podría resolverse en Neat 2.0 .