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.


6
Sass oblicza procent minus piksel
Chcę móc wykonać następujące czynności: height: 25% - 5px; Oczywiście, gdy to robię, pojawia się błąd: Incompatible units: 'px' and '%'.
141 sass 

11
Angular-cli z css do scss
Przeczytałem dokumentację , która mówi, że jeśli chcę użyć, scssmuszę uruchomić następujące polecenie: ng set defaults.styleExt scss Ale kiedy to robię i tworzę ten plik, nadal pojawia się ten błąd w mojej konsoli: styles.bundle.js:33Uncaught Error: Module build failed: Error: ENOENT: no such file or directory, open '/Users/Egen/Code/angular/src/styles.css'(…)

2
Sass i połączony selektor podrzędny
Właśnie odkryłem Sass i byłem tym bardzo podekscytowany. W mojej witrynie internetowej implementuję drzewiaste menu nawigacyjne, stylizowane za pomocą kombinatora potomnego ( E > F). Czy istnieje sposób na przepisanie tego kodu z prostszą (lub lepszą) składnią w Sassie? #foo > ul > li > ul > li > a …
126 css  css-selectors  sass 


5
Masz zmienną w ścieżce obrazów w Sassie?
Chcę mieć jedną zmienną, która zawiera ścieżkę główną do wszystkich moich obrazów w moim pliku CSS. Nie mogę się do końca dowiedzieć, czy jest to możliwe w czystym Sassie (rzeczywisty projekt sieciowy nie jest RoR, więc nie mogę użyć asset_pipeline ani żadnego z tego fantazyjnego jazzu). Oto mój przykład, który …
123 css  sass 

6
Symbol zastępczy Mixin SCSS / CSS
Próbuję utworzyć mixin dla symboli zastępczych w sassie. To jest mixin, który stworzyłem. @mixin placeholder ($css) { ::-webkit-input-placeholder {$css} :-moz-placeholder {$css} ::-moz-placeholder {$css} :-ms-input-placeholder {$css} } Oto, w jaki sposób chciałbym dołączyć ten miks: @include placeholder(font-style:italic; color: white; font-weight:100;); Oczywiście to nie zadziała z powodu wszystkich dwukropków i średników, które …
122 css  sass 

2
Opcja preprocesora Vue CLI CSS: dart-sass VS node-sass?
Podczas tworzenia nowego projektu z CLI (v3.7.0), istnieje możliwość wyboru między dart-sasslub node-sasskompilatorem. Jak to się ma do siebie, by być bardziej szczegółowym niż deklarowane w dokumentach Vue ? Wskazówka dotycząca wydajności Sass Należy pamiętać, że podczas korzystania z Dart Sass kompilacja synchroniczna jest domyślnie dwukrotnie szybsza niż kompilacja asynchroniczna, …

3
Oblicz procent za pomocą SCSS / SASS
Chcę ustawić szerokość w procentach w scss poprzez obliczenia, ale daje mi to błędy. Nieprawidłowy CSS po „...- width: (4/12)%”: oczekiwane wyrażenie (np. 1px, pogrubienie), było „;” Chcę zrobić coś takiego $my_width: (4/12)%; div{ width: $my_width; } jak dodać tam znak%? To samo pytanie z px i em
121 css  sass 

7
Używanie zmiennych Sass z zapytaniami o media CSS3
Próbuję połączyć użycie zmiennej Sass z zapytaniami @media w następujący sposób: $base_width:1160px; @media screen and (max-width: 1170px) {$base_width: 960px;} @media screen and (min-width: 1171px) {$base_width: 1160px;} $base_width jest następnie definiowana w różnych punktach w pomiarach procentowych szerokości arkusza stylów w celu uzyskania płynnych układów. Kiedy to robię, zmienna wydaje się …


9
Jak rozwiązać problem „Aby to zadanie działało, musisz mieć zainstalowane Ruby i Sass oraz swoją ścieżkę dostępu”. Ostrzeżenie?
Jestem w trakcie konfigurowania nowego komputera Mac do pracy. Zainstalowałem Grunt & Grunt CLI globalnie. Następnie zrobiłem npm installwewnątrz folderu projektu, aby zainstalować wszystkie zależności. Na razie żadnych problemów, ale gdy tylko spróbuję uruchomić sass:distzadanie, pojawia się to ostrzeżenie: Warning: You need to have Ruby and Sass installed and in …
117 ruby  macos  bash  terminal  sass 

8
Zmienić kolor tekstu na podstawie jasności zakrytego obszaru tła?
Już od jakiegoś czasu myślałem o następujących kwestiach, więc teraz chcę poznać Twoje opinie, możliwe rozwiązania i tak dalej. Szukam wtyczki lub techniki, która zmienia kolor tekstu lub przełącza się między wstępnie zdefiniowanymi obrazami / ikonami w zależności od średniej jasności pokrytych pikseli obrazu tła lub koloru jego rodzica. Jeśli …
114 javascript  jquery  html  css  sass 

7
Czy istnieje SASS.js? Coś w rodzaju LESS.js?
Użyłem LESS.js wcześniej. Jest łatwy w użyciu, na przykład <link rel="stylesheet/less" href="main.less" type="text/css"> <script src="less.js" type="text/javascript"></script> Widziałem SASS.js . Jak mogę go używać w podobny sposób? Przetwarzanie pliku SASS do natychmiastowego użycia w HTML. Wygląda na to, że SASS.js jest bardziej do użytku z Node.js ? var sass = require('sass') …
112 css  sass  less 

3
Jak zintegrować wstępne przetwarzanie CSS w Eclipse? [Zamknięte]
Zamknięte. To pytanie nie spełnia wytycznych dotyczących przepełnienia stosu . Obecnie nie przyjmuje odpowiedzi. Chcesz poprawić to pytanie? Zaktualizuj pytanie, aby było na temat przepełnienia stosu. Zamknięte 5 lat temu . Popraw to pytanie Chciałbym edytować pliki SCSS w Eclipse, najlepiej z podświetlaniem składni dla .scssplików. Uważam, że te zasoby …

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.