To pytanie mówi wszystko.
Na przykład, gdybym używał, powiedzmy, Twitter Bootstrap , czy mógłbym zdefiniować klasy we własnym arkuszu stylów SASS, które dziedziczą po klasach CSS Bootstrap? A może dziedziczenie w SASS działa tylko w zakresie jednego pliku?
css
inheritance
stylesheet
sass
Dan Tao
źródło
źródło
@extend
razem z bootstrapem / dowolnym frameworkiem, ponieważ może nie działać zgodnie z oczekiwaniami. Jest kilka rzeczy, o których należy pamiętać, jak opisano w tym poście: stackoverflow.com/questions/30744625/ ...bootstrap.css
do,styles.css
czy tylko.btn
? Mam na myśli pakiet wyjściowy? Jeśli importuje całośćbootstrap.css
,styles.css
niepotrzebnie zwiększy rozmiar .** Mogę się mylić, ale jeśli dostanę to, co próbujesz zrobić, czy nie możesz po prostu użyć
@extend .classname;
polecenia wewnątrz elementu, który chcesz rozszerzyć? Oczywiście powinieneś modyfikować tylko swój własny kod, aby zachować możliwość aktualizacji.źródło
O ile mi wiadomo, musisz użyć
@import
pliku zawierającego klasy, których chcesz użyć w pliku SASS, aby wykorzystać je w tym pliku. Nie jestem jednak ekspertem SASS / SCSS, więc ktoś może znać inny sposób na ich zdalne użycie, którego nie jestem świadomy.źródło
Tak jak wykazała zaakceptowana odpowiedź, jest to możliwe w przypadku @import, jednak @import został wycofany przez sass
Reguła @use jest teraz lepiej przystosowana do użytku, ponieważ nie zanieczyszcza zakresu modułu importującego (użytkownika). niestety w chwili pisania tego tekstu zasada użycia jest zaimplementowana tylko w Dart sass.
źródło