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.

5
Sass / Compass - Konwertuj szesnastkowy, RGB lub nazwany kolor na RGBA
Może to być Compass 101, ale czy ktoś napisał mixin, który ustala wartość alfa koloru? Idealnie chciałbym, aby mixin przyjął dowolną formę definicji koloru i zastosował przezroczystość: @include set-alpha( red, 0.5 ); //prints rgba(255, 0, 0, 0.5); @include set-alpha( #ff0000, 0.5 ); //prints rgba(255, 0, 0, 0.5); @include set-alpha( rgb(255,0,0), …
86 css  sass  compass-sass  rgba 
6
Rozszerzanie selektorów z zapytań o media za pomocą Sass
Mam klasę pozycji i kompaktową klasę „modyfikatora”: .item { ... } .item.compact { /* styles to make .item smaller */ } Jest okej. Chciałbym jednak dodać @mediazapytanie, które wymusza .itemzwartość klasy, gdy ekran jest wystarczająco mały. Na początku starałem się to zrobić: .item { ... } .item.compact { ... } …
7
Zoptymalizuj Font Awesome tylko dla używanych klas
Używam pliku Font Awesome Sass https://github.com/FortAwesome/Font-Awesome/blob/master/sass/font-awesome.sass, aby utworzyć go jako _font-awesome.sass, więc mogę @importw moim projekcie Sass. Używam również http://middlemanapp.com/, aby przekonwertować Sass na Css . Pytania: Czy istnieje sposób na przeniesienie tylko używanych klas ikon do przekonwertowanego pliku .css? Ponieważ w tej chwili zawierał wszystkie klasy z _font-awesome.sass BONUS: …
86 css  sass  font-awesome 
5
Właściwa struktura zasobów SCSS w szynach
Mam więc app/assets/stylesheets/strukturę katalogów, która wygląda mniej więcej tak: |-dialogs |-mixins |---buttons |---gradients |---vendor_support |---widgets |-pages |-structure |-ui_elements W każdym katalogu znajduje się wiele części sass (zwykle * .css.scss, ale jeden lub dwa * .css.scss.erb). Mogę dużo przypuszczać, ale rails POWINNY automatycznie kompilować wszystkie pliki w tych katalogach z powodu …
9
Jak załadować font-awesome używając SCSS (SASS) w Webpack używając ścieżek względnych?
Mam font-awesome w moim folderze node_modules, więc próbuję zaimportować go do mojego głównego pliku .scss w następujący sposób: @import "../../node_modules/font-awesome/scss/font-awesome.scss"; Ale kompilacja pakietów Webpack kończy się niepowodzeniem, co mi mówi Error: Cannot resolve 'file' or 'directory' ../fonts/fontawesome-webfont.eot ponieważ plik font-awesome.scss odnosi się do ścieżki względnej „../fonts/”. Jak mogę powiedzieć scss …
4
Błąd modułu ładującego Sass: niepoprawny obiekt opcji, który nie jest zgodny ze schematem interfejsu API
Używam VueJS z frameworkiem VuetifyJS (v2.0.19). Otrzymuję ten błąd po uruchomieniu polecenia npm run : Program Sass Loader został zainicjowany przy użyciu obiektu opcji, który nie jest zgodny ze schematem interfejsu API. Co próbowałem: usunąłem folder node_modules i ponownie zainstalowałem / zaktualizowałem wszystkie pakiety npm i node.js do najnowszej stabilnej …
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.