1px Marge auf Spanne-Säulen mit Bourbon Ordentlich

Question

Ich möchte, dies zu tun:

@include span-columns(4 of 12, block-collapse); 

... aber ich mag einen 1-Pixel-Rand auf der rechten Seite der Säule 1 und 2, wie soll ich tun, dass ?

Answer 1

Leider gibt es nicht wirklich eine gute Möglichkeit, das zu tun. Jedoch Sie zu tun haben ein paar Optionen:

1. Verwendung Polsterung
2. Verwendung border-right: 1px solid transparent;
3. kopieren Sie die CSS-Ausgang und dann 1 px, um es hinzuzufügen mit calc() und fügen hinzu, dass auf die SCSS nach dem mixin

Beispiel

.card { 
    @include span-columns(4 of 12, block-collapse); 
    margin-left: calc(??% + 1px) 
}