Domyślnie Neat używa procentów jako marginesu prawego każdego elementu span-columns
, ale mam nadzieję na ustaloną rynnę 30px
, niezależnie od szerokości outer-container
.Ustaw stałą rynnę w Bourbon Neat
6
A
Odpowiedz
4
Jednym rozwiązaniem byłoby stworzenie własnego wstawek, który zastępuje Neat rynny.
@mixin col-with-gutter($cols, $gutter){
@include span-columns($cols);
margin-right: $gutter;
}
.half{
@include col-with-gutter(2, 30px);
}
Oczywiście trzeba by zrobić jakieś dodatkowe opcje, jeśli chcesz korzystać z niektórych innych span-columns
funkcji. Proponuję spojrzeć na _span-columns.scss source, aby dowiedzieć się, co może najlepiej dla ciebie.
Szczerze mówiąc, myślę, że istnieje powód, dla którego ta funkcja nie jest wbudowana. W większości sytuacji ustawienie rynny na 30px
byłoby szkodliwe dla responsywnego projektu (ponieważ całkowita szerokość kolumn prawdopodobnie nie będzie dodawana do 100%).
Możesz mieć uzasadniony powód, dla którego chcesz dokładnie 30px
, ale jeśli nie masz pewności, potrzebujesz dokładnej wartości, którą warto rozważyć.
Powiązane problemy
- 1. Ponowne zamówienie kolumn z Thoughtbot Bourbon/Neat
- 2. Usuń margines na kolumnach rozpiętości z Bourbon Neat
- 3. create-react-app (bez wyrzucania) + bourbon/schludny?
- 4. Niezdefiniowana mieszanka z Burbonem i Neat klejnotami
- 5. Punkty przerwania za pomocą bourbon schludny siatki
- 6. Bourbon schludne wielokrotne punkty przerwania
- 7. Sass :: SyntaxError: Plik do importu nie znaleziony lub nieczytelny: bourbon/bourbon
- 8. Jak ukryć IntelliJ IDEA górną rynnę w edytorze?
- 9. Uwzględnij stałą w strądzie
- 10. SASS: import bourbon lib z innego katalogu w arkuszach stylów
- 11. Funkcja "Compact" w Bourbon z SASS nie nazywa się
- 12. Utwórz edytor CodeMirror i jego rynnę o wysokości 100% kontenera
- 13. Jak łatać stałą w pythonie
- 14. Zatrzymaj stałą pozycję w stopce
- 15. Jak zadeklarować stałą Int64?
- 16. Usuń stałą ze zmiennej
- 17. Ustaw szerokość przycisku w systemie Android
- 18. stwierdzenie stałą tablicę
- 19. C# generic ze stałą
- 20. Jak zdefiniować stałą BOOL?
- 21. jak zdefiniować stałą tablicę w c/C++?
- 22. Jak zadeklarować stałą wartość w rekordzie?
- 23. Uzyskaj stałą dziecka w metodzie rodzica - Ruby
- 24. Jak utworzyć stałą stopkę w materiale angularjs
- 25. Sposób zadeklarować stałą wartość w klasie typu
- 26. Jak używać zastąpiona stałą w inheritanced klasy
- 27. Jak nazwać stałą w Objective-C?
- 28. Jak zdefiniować stałą składową typu w F #?
- 29. Jak przekonwertować ciąg na stałą w Ruby?
- 30. Jak zdefiniować stałą w konstruktorze klasy?
Mam ten sam problem i do tej pory nie mogę wymyślić, jak to zrobić za pomocą Neat. –