Pytania otagowane jako sass

Sass (Syntactically Awesome Style Sheets) to rozszerzenie CSS dodające funkcje, takie jak zagnieżdżone reguły, zmienne, mieszanki i rozszerzenia klas. Umożliwia to programistom pisanie ustrukturyzowanych, łatwych w zarządzaniu i wielokrotnego użytku CSS. Sass jest kompilowany do standardowego CSS.

3
Sass ujemna wartość zmiennej?
Mam kilka selektorów scss, w których używam tej samej ilości dodatniej i ujemnej, jak w: padding: 0 15px 15px; margin: 0 -15px 20px -15px; Wolałbym używać zmiennej dla wszystkich kwot 15px, ale to nie działa: $pad: 15px; padding: 0 $pad $pad; margin: 0 -$pad 20px -$pad; Kwoty depozytu są zamieniane …
107 css  sass  compass-sass 
3
Składnia warunku if / else w mieszance SCSS
Cześć, próbuję się nauczyć SASS / SCSS i próbuję zreformować mój własny mixin dla clearfix chciałbym, żeby miksowanie było oparte na tym, czy podam szerokość miksu. dotychczasowe przemyślenia (tylko pseudokod, ponieważ będę zawierał inne miksy) @mixin clearfix($width) { @if !$width { // if width is not passed, or empty do …
7
Sass czy Compass bez rubinu?
Czy jest sposób na użycie Sass, Compass lub czegoś podobnego bez Rubiego? Rozglądałem się po Google i tej stronie i nie mogę nic znaleźć, każda pomoc byłaby mile widziana. Dziękuję Ci
102 css  sass  compass-sass 
7
Używanie SASS z ASP.NET [zamknięte]
W obecnym stanie to pytanie nie pasuje do naszego formatu pytań i odpowiedzi. Oczekujemy, że odpowiedzi będą poparte faktami, referencjami lub ekspertyzą, ale to pytanie prawdopodobnie będzie wymagało debaty, argumentów, ankiet lub rozszerzonej dyskusji. Jeśli uważasz, że to pytanie można poprawić i ewentualnie ponownie otworzyć, odwiedź centrum pomocy, aby uzyskać …
101 asp.net  css  sass 
5
Sass łączy rodzica za pomocą znaku handlowego „i” (&) z selektorami typów
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 kompilacji: .item { color: black; a& { color:blue; } } Jak odwołać się do selektora typu przed selektorem …
4
Zmodyfikuj plik w miejscu (to samo miejsce docelowe) za pomocą Gulp.js i wzoru globbingu
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 przechowywany oryginalny plik. W poniższym kodzie próbuję użyć …
5
Używasz @include vs @extend w Sass?
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?
94 sass 
6
Dynamiczne tworzenie lub odwoływanie się do zmiennych w Sassie
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 do-this('baz'); Ale kiedy to robię, …
94 variables  sass 
14
Korzystając z SASS, jak mogę zaimportować plik z innego katalogu?
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 more_styles.scss może importować plik _common.scss? Próbowałem kilku różnych rzeczy, w tym @import …
93 import  sass 
18
Lista przeglądarek: caniuse-lite jest nieaktualna. Uruchom następne polecenie `npm update caniuse-lite browserlist`
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 rozwiązało problemu. Usunąłem cały katalog nod-modules i ponownie zainstalowałem, a także zaktualizowałem cały folder, npm …
4
Nie można zaimportować modułów CSS / SCSS. TypeScript mówi „Cannot Find Module”
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": "^2.0.3" "webpack": "2.1.0-beta.25" "webpack-dev-server": "^2.1.0-beta.9" "react": "^15.4.0-rc.4" …
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.