Ich bin mir nicht sicher, ob diese Frage in dieses Forum gehört oder nicht, aber ich habe mich gefragt, ob ich einige Mixins in Bourbon verwenden könnte. Der Sinn von Sass besteht darin, DRY-Code zu schreiben.
.div{
@import margin(10 10 10 10);
}
wenn du einfach normale css verwenden kannst
.div{
margin: 10px;
}
Antworten:
0 für die Antwort № 1Das Bourbon-Margin-Mixin nimmt vier Messungen vor und ordnet sie den jeweiligen Werten zu einseitig gerichtet Eigentum. Ich war noch nie ein Fan von Margin-Eigenschaften in einer Richtung, aber laut CSSWizardry Sie haben folgende Vorteile:
Die Vorteile sind, wie ich sie sehe:
- Einfacher, vertikaler Rhythmus auf einen Schlag zu definieren.
- Mehr Vertrauen in die (Neu-) Bewegung von Komponenten, wenn Sie wissen, dass ihre Ränder in dieselbe Richtung drücken.
- Komponenten und Elemente müssen nicht unbedingt in einer bestimmten Reihenfolge leben, wenn ihre Margen nicht von benachbarten Seiten abhängen.
- Wenn Sie sich nicht mit den zusammenbrechenden Margen befassen, müssen Sie sich um nichts weniger sorgen.
Das Beispiel, das Sie gegeben haben, würde tatsächlich in das folgende CSS übersetzt werden:
SCSS
.div {
@import margin(10px 10px 10px 10px);
}
CSS
.div {
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
}
Sehen Bourbon Docs Weitere Informationen zum gerichteten Immobilienmix.