Programowanie sass

13

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? Różne?

1900 css sass

7

Zmienna Sass w funkcji CSS calc ()

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 przełączeniu na zmienną jest to wynik: body { padding-top: 50px; height: calc(100% - …

1343 css sass css-calc

13

Zaimportować zwykły plik CSS do pliku SCSS?

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 * .scss

508 css sass

30

Jak naprawić błąd ReferenceError: primordials nie jest zdefiniowany w węźle

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 defined Próbowałem tego przed łykiem sass-watch npm -g install gulp-cli

363 node.js sass gulp gulp-sass

12

Używanie czcionek z potokiem zasobów Rails

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'), asset-url('icoMoon.svg#Icomoon', font) format('svg'); } Rzeczywisty plik czcionek jest przechowywany w / app / asset / fonts / Dodałem config.assets.paths << Rails.root.join("app", "assets", "fonts")do mojego pliku application.rb …

345 ruby-on-rails sass asset-pipeline font-face assets

3

Sass .scss: Zagnieżdżanie i wiele klas?

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ę obsługiwać wiele klas podczas używania stylów zagnieżdżonych. W powyższym przykładzie mówię o tym: CSS .container.desc { …

332 sass

16

Opcje Angular CLI SASS

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 Angular-CLI jest pozbawionych modułów Ember-CLI. Nie działało, ale nie jestem pewien, czy …

329 angular sass angular-cli

5

Łącznie z inną klasą w SCSS

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ę robi? Próbowałem użyć @include class-a, ale to po prostu generuje błąd …

309 inheritance sass

17

Spróbuj ponownie zainstalować `node-sass` na węźle 0.12?

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 found. Try reinstalling `node-sass`? at getBinding Ponownie zainstalowałem węzeł i łyk, ale to …

263 node.js sass gulp

3

sass - zegarek z automatycznym minify?

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 stylów?

235 css sass minify

5

SASS - używaj zmiennych w wielu plikach

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 jest, aby zadeklarować wszystkie zmienne stylu dla całego projektu w jednym …

217 css sass

5

Sass - Konwersja Hex na RGBa dla nieprzezroczystości tła

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ą $colorczęścią. Kolory, które wyślę do mixinu to HEX, a nie …

213 css sass background-color mixins rgba

13

Czy można zaimportować cały katalog w sass za pomocą @import?

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 istnieje sposób na włączenie całego katalogu częściowego (jest to katalog pełen częściowych SASS), takich jak kompas @import czy coś takiego?

209 import sass partials

13

Tworzenie miksu Sass z opcjonalnymi argumentami

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 została przekazana, nic nie jest generowane, zamiast kompilacji do czegoś takiego: …

201 sass

2

Co to jest Compass, co to jest sass… czym się różnią?

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, zastanawiam się, dlaczego tak jest i co …

166 css sass compass-sass

Pytania otagowane jako sass