sass - library - Establecer canaleta fija en Bourbon Neat

sass grid

Question

Por defecto, Neat usa porcentajes como el margen-derecho de cada elemento span-columns , pero estoy esperando un canal fijo de 30px , independientemente del ancho del outer-container .

Answer 1

Una solución sería crear tu propio mixin que anule el Neat gutter.

@mixin col-with-gutter( $cols, $gutter ){
@include span-columns($cols);
margin-right: $gutter;
}
.half{
@include col-with-gutter(2, 30px);
}

Obviamente, tendrías que hacer algunas personalizaciones adicionales si necesitas usar algunas de las otras características de span-columns . Le sugiero que mire la fuente _span-columns.scss para descubrir qué podría funcionar mejor para usted.

Honestamente, creo que hay una razón por la cual esta funcionalidad no está incorporada. En la mayoría de las situaciones, establecer el canal a 30px sería perjudicial para un diseño receptivo (dado que el ancho total de las columnas probablemente no sume 100% )

Puede que tenga una razón legítima para querer exactamente 30px , pero si no está seguro de que necesita un valor exacto, puede valer la pena reconsiderarlo.