Używam VS2015 i Gulp. Otwieram Task Runner Explorer i klikam przycisk odświeżania, co pojawia się w dzienniku: Failed to run "C:\Projects\Test\Gulpfile.js"... cmd.exe /c gulp --tasks-simple Error: `libsass` bindings not found in
Mam problem z zagnieżdżeniem w Sassie. Powiedzmy, że mam następujący kod HTML: <p href="#" class="item">Text</p> <p href="#" class="item">Text</p> <a href="#" class="item">Link</a> Kiedy próbuję zagnieździć moje style w następujący sposób, pojawia się błąd...
Mam zadanie typu gulp, które próbuje przekonwertować pliki .scss na pliki .css (używając gulp-ruby-sass), a następnie umieścić wynikowy plik .css w tym samym miejscu, w którym znalazł oryginalny plik. Problem polega na tym, że ponieważ używam wzorca globalnego, niekoniecznie wiem, gdzie jest...
W Sassie nie do końca dostrzegam różnicę między używaniem @includez mieszanką a używaniem @extendz klasą zastępczą. Czy nie sprowadzają się do tego samego?
SASS ma funkcję o nazwie, @extendktóra umożliwia selektorowi dziedziczenie właściwości innego selektora, ale bez kopiowania właściwości (takich jak mixins). Czy LESS ma również tę funkcję?
Próbuję użyć interpolacji ciągów w mojej zmiennej, aby odwołać się do innej zmiennej: // Set up variable and mixin $foo-baz: 20px; @mixin do-this($bar) { width: $foo-#{$bar}; } // Use mixin by passing 'baz' string as a param for use $foo-baz variable in the mixin @include...
Czy w SASS można zaimportować plik z innego katalogu? Na przykład, gdybym miał taką strukturę: - root_directory - sub_directory_a - _common.scss - template.scss - sub_directory_b - more_styles.scss template.scss może importować plik _common.scss przy użyciu, @import "common"ale czy plik...
Miałem problemy z konfiguracją libsass, ponieważ nie było to tak proste, jak transpiler oparty na Ruby. Czy ktoś mógłby wyjaśnić, jak: zainstalować libsass? używać go z linii poleceń? używać go do biegaczy zadań, takich jak łyk i chrząknięcie? Mam niewielkie doświadczenie z menedżerami...
Ostatnio, kiedy kompiluję pliki scss, pojawia się błąd. Komunikat o błędzie mówi: Lista przeglądarek: caniuse-lite jest nieaktualna. Uruchom następne polecenienpm update caniuse-lite browserslist Po pierwsze, jak mówi komunikat, uruchomiłem, npm update caniuse-lite browserslistale to nie...
Próbuję zaimportować motyw z modułu CSS, ale TypeScript wyświetla błąd „Nie można znaleźć modułu”, a motyw nie jest stosowany w czasie wykonywania. Myślę, że coś jest nie tak z moją konfiguracją WebPacka, ale nie jestem pewien, gdzie jest problem. Używam następujących narzędzi: "typescript":...
Może to być Compass 101, ale czy ktoś napisał mixin, który ustala wartość alfa koloru? Idealnie chciałbym, aby mixin przyjął dowolną formę definicji koloru i zastosował przezroczystość: @include set-alpha( red, 0.5 ); //prints rgba(255, 0, 0, 0.5); @include set-alpha( #ff0000, 0.5 ); //prints...
Mam więc app/assets/stylesheets/strukturę katalogów, która wygląda mniej więcej tak: |-dialogs |-mixins |---buttons |---gradients |---vendor_support |---widgets |-pages |-structure |-ui_elements W każdym katalogu znajduje się wiele części sass (zwykle * .css.scss, ale jeden lub dwa *...
Mam klasę pozycji i kompaktową klasę „modyfikatora”: .item { ... } .item.compact { /* styles to make .item smaller */ } Jest okej. Chciałbym jednak dodać @mediazapytanie, które wymusza .itemzwartość klasy, gdy ekran jest wystarczająco mały. Na początku starałem się to zrobić: .item { ......
Używam pliku Font Awesome Sass https://github.com/FortAwesome/Font-Awesome/blob/master/sass/font-awesome.sass, aby utworzyć go jako _font-awesome.sass, więc mogę @importw moim projekcie Sass. Używam również http://middlemanapp.com/, aby przekonwertować Sass na Css . Pytania: Czy istnieje...
W VS <= 2015 możemy użyć rozszerzenia WebEssentials, które zajmuje się kompilacją plików less / sass za nas, ale obecnie nie obsługuje VS 2017. Czy znasz podobne rozszerzenie, które może skompilować mniej / sass podczas kompilacji?
Mam font-awesome w moim folderze node_modules, więc próbuję zaimportować go do mojego głównego pliku .scss w następujący sposób: @import "../../node_modules/font-awesome/scss/font-awesome.scss"; Ale kompilacja pakietów Webpack kończy się niepowodzeniem, co mi mówi Error: Cannot resolve...
Kod bootstrap na Twitterze ma wiele właściwości CSS z !defaultkońcówką. Na przykład p { color: white !default; } Co robi !default? AKTUALIZACJA Moja wina, że nie wyraziłem się jasno. Używam części SASS w Bootstrap.
Używam VueJS z frameworkiem VuetifyJS (v2.0.19). Otrzymuję ten błąd po uruchomieniu polecenia npm run : Program Sass Loader został zainicjowany przy użyciu obiektu opcji, który nie jest zgodny ze schematem interfejsu API. Co próbowałem: usunąłem folder node_modules i ponownie zainstalowałem /...