sass
Jaka jest różnica między SCSS a Sass?
Z tego, co czytałem, Sass jest językiem, który sprawia, że CSS jest bardziej wydajny z obsługą zmiennych i matematyki.
Jaka jest różnica w SCSS? Czy to ma być ten sam język? Podobne? Inaczej?
Zmienna Sass w funkcji CSS calc()
Próbuję użyć funkcji calc() w arkuszu stylów Sass, ale mam pewne problemy. Oto Mój kod:
$body_padding: 50px
body
paddin ... 0px;
height: calc(100% - $body_padding);
}
Jak mogę sprawić, by Sass rozpoznał, że musi zastąpić zmienną w funkcji calc?
Korzystanie z czcionek w potoku zasobów Rails
Mam kilka czcionek skonfigurowanych w moim pliku Scss Tak:
@font-face {
font-family: 'Icomoon';
src: asset-url('icoMoon ... bon-1.3.0/app/assets/stylesheets
- !ruby/object:Pathname
path: /Users/neiltonge/code/neiltonge/app/assets/fonts
=> nil
Jak naprawić ReferenceError: primordials nie jest zdefiniowany w węźle
Zainstalowałem Moduły node przez npm install, a następnie próbowałem wykonać gulp sass-watch w wierszu polecenia. Po tym dost ... ^
ReferenceError: primordials is not defined
Próbowałem tego przed gulp sass-watch
npm -g install gulp-cli
Importować zwykły plik CSS do pliku SCSS?
Czy istnieje możliwość importowania zwykłego pliku CSS za pomocą polecenia @import Sass? Chociaż nie używam wszystkich składn ... s, nadal cieszę się, że łączy/kompresuje funkcje i chciałbym móc go używać bez zmiany nazw wszystkich moich plików na *.scss
Kątowe opcje CLI SASS
Jestem nowy w Angular i pochodzę ze społeczności Ember. Próbuję użyć nowego Angular-CLI opartego na Ember-CLI.
Muszę wiedzi ... zym sposobem, aby organizować style w nowym projekcie Angular? Byłoby miło mieć plik sass w tym samym folderze co komponent.
sass-zegarek z automatycznym minify?
Czy jest sposób na bieganie:
sass --watch a.scss:a.css
Ale czy a.css skończy się minifikacją?
Jak uniknąć konieczności uruchamiania osobnego kroku minifikacji podczas kompilacji arkusza stylów?
Właściwa struktura aktywów SCSS w Rails
Więc mam app/assets/stylesheets/ strukturę katalogów, która wygląda mniej więcej tak:
|-dialogs
|-mixins
|---butto ... Mixin?
Niestety, ten facet nie myśli, że to możliwe, ale mam nadzieję, że się myli. Wszelkie myśli są bardzo mile widziane.
Błąd: Node Sass Wersja 5.0.0 jest niezgodna z ^4.0.0
Stworzyłem pusty projekt Reactowy, używając polecenia: npx create-react-app na npm v7.0.7 i Node v15. 0. 1
Zainstalowany:
R ... "react": "^17.0.1",
"react-dom": "^17.0.1",
"react-scripts": "4.0.0",
"web-vitals": "^0.2.4"
},
...
}
}
Sass-Konwersja Hex NA rgba dla krycia tła
Mam następujący Sass mixin, który jest w połowie kompletną modyfikacją RGBa przykład:
@mixin background-opacity($color, $o ... cie będzie:
element {
@include background-opacity(#333, .5);
}
Jak mogę używać wartości szesnastkowych w tym mixinie?
Placeholder Mixin SCSS / CSS
Próbuję stworzyć mixin dla elementów zastępczych w sass.
To jest mixin, który stworzyłem.
@mixin placeholder ($css) {
:: ... . Naprawdę chciałbym po prostu wprowadzić statyczny css i przekazać go dokładnie tak, jak powyższa funkcja.
Czy to możliwe?
Jak zintegrować CSS pre-processing w Eclipse? [zamknięte]
Chciałbym edytować pliki SCSS w Eclipse, najlepiej z podświetleniem składni dla plików .scss.
Uznałem te zasoby za cenne:
... s
Jak mogę zintegrować rozwój SCSS w edytorze Eclipse?
Lub, bardziej ogólnie, jak zintegrować CSS pre-procesor do Eclipse?
Tworzenie okręgów CSS3 połączonych liniami
Muszę zaimplementować następującą kombinację kół i linii w CSS i szukam wskazówek, jak to skutecznie zaimplementować. Okręgi ... czy jest to aktywny krok, czy nie, a kolor linii łączącej okręgi zmienia się jako zależy od statusu. Jak miałbym to osiągnąć?
Jak skompilować lub przekonwertować Sass / scss do css za pomocą node-sass (bez Ruby)?
Zmagałem się z konfiguracją libsass, ponieważ nie było to tak proste, jak transpiler oparty na Ruby. Mógłby ktoś wyjaśnić jak ... biegaczami zadań, takimi jak gulp i grunt?
Mam małe doświadczenie z menedżerami pakietów, a tym bardziej z biegaczami zadań.
Sass.scss: zagnieżdżanie i wiele klas?
Używam Sass (.scss) dla mojego obecnego projektu.
Następujący przykład:
HTML
<div class="container desc">
&l ... container normalnie byłyby red, ale div.container.desc byłyby niebieskie.
Jak mogę zagnieździć to w środku container z Sass?
Czy można zaimportować cały katalog w sass używając @import?
Modularyzuję moje arkusze stylów za pomocą SASS partials tak:
@import partials/header
@import partials/viewport
@import par ... Jest jakiś sposób na dołączenie całego katalogu partials (jest to katalog pełen Sass-partials) jak @import compass czy coś?
Jak używać bootstrap 4 w angular 2?
Buduję aplikację angular 2 napisaną maszynopisem. Użyłby frameworka bootstrap 4 w połączeniu z jakimś niestandardowym motywem ... gular 2 używam sass, czy byłoby możliwe zbudowanie bootstrap 4 ze źródła, ponieważ jest również za pomocą sass do stylizacji?
Czy w Sass istnieje zmienna w ścieżce obrazów?
Chcę mieć jedną zmienną, która zawiera ścieżkę główną do wszystkich moich obrazów w moim pliku CSS. Nie mogę do końca dowiedz ... ground: url($get-path-to-assets/site/background.jpg) repeat-x fixed 0 0;
width: 100%; }
Każda pomoc będzie mile widziana.
Czym jest kompas,czym jest sass ... czym się różnią?
Chciałbym zacząć używać compass i sass, aby przyspieszyć rozwój. W tej chwili zainstalowałem Sass na komputerze mac i polecił ... tanawiam się dlaczego tak jest i tylko co Compass dodaje, że Sass jest bez? Jeśli możesz podać przykład, tym lepiej.
Thanks
W tym kolejna klasa w SCSS
Mam to w moim pliku SCSS:
.class-a{
display: inline-block;
//some other properties
&:hover{
color: darken(#FFF ... one deklaracje class-a. Jak to się robi? Próbowałem użyć @include class-a, ale to po prostu powoduje błąd podczas kompilacji.