Pytania oznaczone «sass»

Z tego, co czytałem, Sass jest językiem, który czyni CSS potężniejszym dzięki obsłudze zmiennych i matematyki. Jaka jest różnica z SCSS? Czy to ma być ten sam język? Podobny?

Próbuję użyć tej calc()funkcji w arkuszu stylów Sass, ale mam pewne problemy. Oto mój kod: $body_padding: 50px body padding-top: $body_padding height: calc(100% - $body_padding) Jeśli użyję literału 50pxzamiast mojej body_paddingzmiennej, otrzymam dokładnie to, czego chcę. Jednak po...

Czy można zaimportować zwykły plik CSS za pomocą @importpolecenia Sassa ? Chociaż nie używam całej składni SCSS z sass, nadal cieszę się, że łączy / kompresuje funkcje i chciałbym móc go używać bez zmiany nazwy wszystkich moich plików na *

Zainstalowałem moduły węzłów przez npm install, a następnie próbowałem zrobić gulp sass-watch w wierszu polecenia. Potem otrzymałem poniższą odpowiedź. [18:18:32] Requiring external module babel-register fs.js:27 const { Math, Object, Reflect } = primordials; ^ ReferenceError: primordials is not...

Mam kilka czcionek konfigurowanych w moim pliku Scss, takich jak: @font-face { font-family: 'Icomoon'; src: asset-url('icoMoon.eot?#iefix', font) format('embedded-opentype'), asset-url('icoMoon.woff', font) format('woff'), asset-url('icoMoon.ttf', font) format('truetype'),

Utworzyłem pusty projekt React, używając polecenia: npx create-react-appna npm v7.0.7 i Node v15.0.1 Zainstalowano: React v17.0.1, node-sass v5.0.0, Następnie próbowałem zaimportować pusty plik .scss do komponentu aplikacji: App.js import './App.scss' function App() { return ( <div...

Używam Sass (.scss) do mojego obecnego projektu. Poniższy przykład: HTML <div class="container desc"> <div class="hello"> Hello World </div> </div> SCSS .container { background:red; color:white; .hello { padding-left:50px; } } To działa świetnie. Czy mogę...

Jestem nowy w Angular i pochodzę ze społeczności Ember. Próba użycia nowego Angular-CLI opartego na Ember-CLI. Muszę znać najlepszy sposób obsługi SASS w nowym projekcie Angular. Próbowałem użyć ember-cli-sassrepozytorium, aby sprawdzić, czy będzie działało, ponieważ wiele podstawowych komponentów...

Mam to w moim pliku SCSS: .class-a{ display: inline-block; //some other properties &:hover{ color: darken(#FFFFFF, 10%); } } .class-b{ //Inherite class-a here //some properties } W klasie b chciałbym odziedziczyć wszystkie właściwości i zagnieżdżone deklaracje class-a. Jak to się...

Kiedy próbuję zainstalować najnowszą wersję kompasu ( https://rubygems.org/gems/compass/versions/1.0.0.alpha.17 ), pojawia się następujący błąd. ERROR: Error installing compass: ERROR: Failed to build gem native extension. ERROR: Error installing compass: ERROR: Failed to build gem native...

Chciałbym użyć zestawu startowego Google. Zainstalowałem node.js v0.12.0 node-sassi gulp. A potem pobiegł: $ sudo npm install Kiedy pisałem, gulp servedostałem ten błąd: Using gulpfile ~/web-starter-kit/gulpfile.js Starting 'styles'... 'styles' errored after 93 ms Error: `libsass` bindings not...

Czy istnieje sposób na uruchomienie: sass --watch a.scss:a.css ale czy zostały a.cssostatecznie zminimalizowane? Jak uniknąć tworzenia osobnego kroku minimalizacji podczas kompilacji arkusza

Chciałbym zachować jeden centralny plik .scss, który przechowuje wszystkie definicje zmiennych SASS dla projektu. // _master.scss $accent: #6D87A7; $error: #811702; $warning: #F9E055; $valid: #038144; // etc... Projekt będzie miał dużą liczbę plików CSS ze względu na swój charakter. Ważne...

Mam następujący mixin Sass, który jest w połowie pełną modyfikacją przykładu RGBa : @mixin background-opacity($color, $opacity: .3) { background: rgb(200, 54, 54); /* The Fallback */ background: rgba(200, 54, 54, $opacity); } Złożyłem aplikację $opacityok, ale teraz utknąłem z tą...

Moduluję swoje arkusze stylów za pomocą częściowych części SASS, takich jak: @import partials/header @import partials/viewport @import partials/footer @import partials/forms @import partials/list_container @import partials/info_container @import partials/notifications @import partials/queues czy...

Piszę taki mixin: @mixin box-shadow($top, $left, $blur, $color, $inset:"") { -webkit-box-shadow: $top $left $blur $color $inset; -moz-box-shadow: $top $left $blur $color $inset; box-shadow: $top $left $blur $color $inset; } Po wywołaniu tak naprawdę chcę, aby jeśli żadna $insetwartość nie...

IE9 najwyraźniej jest w stanie obsługiwać zaokrąglone rogi za pomocą standardowej definicji CSS3 border-radius. Co z obsługą promienia granicy i gradientu tła? Tak, IE9 ma obsługiwać je oba osobno, ale jeśli pomieszacie oba gradient spadnie z zaokrąglonego rogu. Widzę też dziwność z cieniami...

Chciałbym zacząć używać kompasu i sassa, aby przyspieszyć rozwój. W tej chwili zainstalowałem Sass na komputerze Mac i poinstruowałem go, aby oglądał plik scss pod kątem danych wejściowych i plik css dla wygenerowanych danych wyjściowych. Z wielu artykułów, Sass jest używany z Compassem,...

Po co umieszczać _przed nazwą pliku w scss? _filename.scss- Dlaczego to potrzebne

E:\A Prem World\Team_Work_Tasks\Anjali\Anjali_20160524\QuizApp_20160524_01_Anj>ionic serve -l (node:4772) fs: re-evaluating native module sources is not supported. If you are using the graceful-fs module, please update it to a more recent version. There is an error in your gulpfile: Error: Node...