sass
less / sass z php
Jestem programistą front-end i niedawno rozważałem użycie SASS lub mniej do rozwoju CSS.
Jednak nie używam Rubiego i nie chc ... tkownikach, którzy mają aktywny JavaScript. Czy ktoś ma jakieś wskazówki jak używać Sass lub mniej przy użyciu projektów PHP?
Struktura plików CSS (SASS, LESS) według elementów, funkcji i zapytań o media: struktura kodu 3D? [zamknięte]
Zero-D
Każdy zaczyna używać CSS z jednym plikiem zawierającym wszystkie style.
style.css
1D
Wkrótce staje się nieporęc ... .
Absolutnie nie jestem z tego zadowolony, ale po prostu nie wymyślam pełnego wdzięku rozwiązania. Proszę zasugerować jeden.
SASS i Bootstrap-mixins vs. @ extend
Używam portu Sass z Bootstrap i zastanawiam się, czy jest jakaś różnica między używaniem predefiniowanych mixinów a używanie ... iny, które nie są równoważne pojedynczemu @extend oświadczeniu? Jeśli nie ma takich mixins, dlaczego mixins w ogóle istnieją?
Multiple two-class selectors in Sass
Posiadanie wielu selektorów dwóch klas dla pojedynczego bloku deklaracji, czy można uprościć następujące czynności (tzn. nie trzeba powtarzać znacznika body):
body.shop, body.contact, body.about, body.faq {background-color:#fff;}
Dlaczego moje obrazy SVG nie skalują się przy użyciu właściwości CSS "width"?
Buduję stronę portfolio.
Kod HTML
<div id = "hero">
<div id = "social">
<img src = "facebook.svg ... oga. Dlaczego tak się dzieje? Czy znasz lepsze sposoby zmiany rozmiaru obrazów SVG (szczególnie przy użyciu modelu flexbox )?
Oblicz procent z SCSS/SASS
Chcę ustawić szerokość w procentach w scss poprzez obliczenia, ale to daje mi błędy..
Invalid CSS after "...- width: (4/1 ...
Chcę zrobić coś takiego
$my_width: (4/12)%;
div{
width: $my_width;
}
Jak dodać tam znak%?
To samo pytanie z px I em
Plik do zaimportowania nie znaleziony lub nieczytelny: compass
Pomyślnie zainstalowałem Sass, ale mam problem z importowaniem kompasu.
Poniżej znajduje się szczegóły błędu:
*Syntax erro ... 3.2.6/lib/sass/exec.rb:21:in `parse!'
C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.2.6/bin/sass:9:in `<top (required)>'*
Dołączenie typu jednostki do wyniku obliczeń
Ostatnio zmieniałem CSS na arkusz stylów SASS. Używam Mindscape Web Workbench rozszerzenie {[8] } dla VS2012, który ponownie ... a") jest dla mnie przydatna?
Dolna linia: Jak można w prosty sposób dodać typ jednostki (np. em) do wyniku obliczeń w SASS?
SASS: nie selektor
Mam :not selektor css w SASS mixin ale nic nie robi:
Fragment Kodu:
@mixin dropdown-pos($pos:right) {
&:not(.notip ... left:$dropdown-width * 0.8;
}
}
}
Klasa .notip jest generowana, ale żaden CSS nie jest generowany dla :not(.notip).
Jak wydrukować skompresowany CSS z kompasu?
Jak skonfigurować kompas do wyświetlania mniejszych lub skompresowanych plików CSS? Próbowałem compass -s compressed, ale to nie zadziałało.
Czy warto uczyć się haml & sass?
W swoim doświadczeniu zawodowym MASZ haml & sass okazał się przydatny? W jaki sposób?
Jaka jest wartość Compass dla Rails 3.1?
Staram się zdecydować, czy powinienem włączyć Kompas podczas uruchamiania nowego projektu Rails 3.1 . Nigdy wcześniej nie uż ... ę użyć wersji SCSS frameworka CSS takiego jak Blueprint bezpośrednio.
Jakie korzyści uzyskam z używania kompasu z Rails 3.1?
Używając SASS z Gitem, jakie pliki mam ignorować i w jaki sposób?
Mam framework w moim katalogu /project, Gdzie mam wiele .sass-cache folderów.
Na przykład, mógłbym mieć to
/project/-/-/on ... le to nie działa i git wciąż wykrywa w nich zmiany. Jak prawidłowo dodać moje foldery .sass-cache do mojego pliku .gitignore?
Użyj n-tej wartości potomnej jako zmiennej SASS
Czy Jest jakiś sposób na użycie wartości nth-child jako zmiennej SASS ?
Przykłady użycia:
div:nth-child(n) {
content: '#{$n}'
}
div:nth-child(n) {
background: rgb(#{$n}, #{$n}, #{$n});
}
Dostęp do klucza tablicy w SASS
W SASS mam listę i próbuję uzyskać dostęp do elementów za pomocą notacji nawiasowej:
$collection[1];
Ale to daje mi błąd. ... ępujący błąd:
Błąd składni: Invalid CSS after "...color-collection": expected";", was "[$i]; "
Jak mogę to osiągnąć?
Dodaj SASS do pliku konfiguracyjnego create-react-app
Chcę dodać .scss wsparcie w mojej aplikacji, która została utworzona za pomocą create-react-app.
Wykonałem eject npm run ej ... waż nie jestem w stanie załadować .scss plików. Jak aby dostosować config do ładowania plików .scss w pliku create-react-app?
breakpoints using Bourbon neat grid
Staram się używać schludny do bourbon i mam większość rzeczy uporządkowane, ale uderzam kilka blokad, jeśli chodzi o tworzeni ... Breakpoints
$tablet-size:em(700);
@include media(min-width $tablet-size 8) {
body{
background:orange;
}
}
Jak wyłączyć automatyczne generowanie arkuszy stylów / javascript on Rails 3.1?
Mam projekt Rails 3.1, nad którym pracuję, ale nie chcę, aby controller_name.css.sass i controller_name.js.coffee były genero ... :assets => true jako opcję domyślną. Jak zmienić to na false i mieć zawsze false za każdym razem, gdy generuję kontroler?
Jak Minifikować CSS za pomocą kontrolera plików SCSS w PhpStorm IDE
Czy istnieje sposób na skonfigurowanie SASS FileWatcher tak, aby budował Minifikowany CSS?
Obecnie skonfigurowałem kompresor ... to zrobić z czystym SASS, jeśli to możliwe.
Oto zrzuty ekranu obu konfiguracji:
SASS
Yui Compressor CSS
Z góry dzięki.
Jak nadpisać zmienne SCSS podczas kompilacji do CSS
Próbuję użyć motywu jqtouch, który jest oparty na SASS i COMPASS. Mam pewien zwyczaj.scss z najprostszym kodem, jednym import ... ydaje się być niepomyślny.
Czy ktoś ma pojęcie, co idzie nie tak w procesie, aby moje wartości nadpisywania były ignorowane?