sass
Sass i łączony selektor dla dzieci
Właśnie odkryłem Sass, i byłem tak bardzo podekscytowany tym.
Nawiasem mówiąc, w mojej witrynie zaimplementowałem drzewiast ... episanie tego kodu na prostszą (lub lepszą) składnię w Sass?
#foo > ul > li > ul > li > a {
color: red;
}
:after and: before selektory pseudo-elementów w Sass [duplikat]
To pytanie ma już odpowiedź tutaj:
Sass .scss: zagnieżdżanie i wiele klas?
... rgin: 2em auto
> a
color: red
:before
content: ""
:after
content: "* * *"
Oczywiście powyższe zawodzi.
Czy SCSS obsługuje komentarze inline?
Czy Mogę zapisać taki komentarz w moim pliku .scss
thead {
display: table-header-group; // h5bp.com/t
}
Nie chcę tego komentarza w moim wyjściu CSS.
SCSS/SASS: jak dynamicznie wygenerować listę klas z oddzielającymi je przecinkami
Pracuję ze składnią SCSS SASS, aby stworzyć dynamiczny system siatki, ale mam problem.
Staram się, aby system siatki był cał ... em tutaj na logice, jak również na składni SCSS wymaganej do stworzenia czegoś takiego.
Czy ktoś ma jakieś pomysły?
Dzięki
Co to jest workflow w Yeoman do pracy z plikami Sass?
Staram się używać yeoman, ale nie wiem, jak używać własnych plików sass z nim.
Z
grunt server
Pliki Sass są oglądane i k ... at',
'copy',
'cdnify',
'usemin',
'ngmin',
'uglify'
]);
grunt.registerTask('default', ['build']);
};
Sass: prefiksy dostawców przeglądarek
Jestem zupełnie nowy w Sass / Compass, więc to pytanie może brzmieć głupio dla wielu z was.
W każdym razie, to, co muszę wie ...
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
}
Dzięki.
Jak przekonwertować katalog Sass / SCSS do CSS za pomocą wiersza poleceń?
Próbowałem:
sass-convert --from scss --to css --recursive app/assets/stylesheets temp
Ale to tylko konwertuje css do SASS, a ja chcę odwrotnie.
Potem spojrzałem na polecenie sass, ale nie wygląda na to, żebym mógł przekazać mu katalog.
Jak korzystać z kompasu w phpstorm?
Jestem świadomy tego pytania:
Jak dodać obsługę składni Compass do JetBrains PhpStorm?Ale to nie pomaga.
Właśnie zdecydował ... lemów. Czy moja konfiguracja jest prawidłowa?
EDIT :
To jest dla PhpStorm 6 -
Kompas jest obsługiwany w PhpStorm 7 +
Jak skonfigurować webpack, aby minify i połączyć scss i javascript jak CodeKit?
Mam problem z używaniem webpacka zamiast Codekit v1.9. 3. Zacząłem pracować nad przeniesieniem się z CodeKit do Grunt i Gulp ... s-webpack") ?
Jakie moduły węzłów powinienem zainstalować, aby móc to zrobić? A jak powinien wyglądać mój webpack.config.js?
Sass ujemna wartość zmiennej?
Mam kilka selektorów scss, gdzie używam tej samej ilości dodatniej i ujemnej, jak w:
padding: 0 15px 15px;
margin: 0 -15px ... $pad: 15px;
padding: 0 $pad $pad;
margin: 0 -$pad 20px -$pad;
Kwoty marży przeliczane na liczby dodatnie. Coś przeoczyłem?
Co się dzieje?domyślne w wartości właściwości css średnia?
Kod Bootstrap Twittera ma wiele właściwości CSS z !default na końcu.
Np.
p {
color: white !default;
}
Co robi !default?
UPDATE
Moja wina, że nie wyraziłem się jasno. Używam SASS część Bootstrap.
rails 3.1 asset pipeline css caching w rozwoju
Jestem trochę zdezorientowany, ponieważ wydaje się, że aplikacja.css włącza się dwa razy, raz, gdy wymienia zasoby z manifest ... plik ze wspólnego katalogu, nie zniknie. Nie jest już wymieniony w wyjściu, ale css nadal jest wyświetlany z aplikacji.css
Fałszywie dodatni błąd "undefined variable" podczas kompilacji SCSS
Otrzymywanie Komunikatu o błędzie podczas kompilacji mojego SCSS za pomocą klejnotu ruby compass.
run: /var/lib/gems/1.8/gem ... css jest dobrze skompilowany, a {[6] } jest poprawnie wypełniony. Więc nie wiem, dlaczego kompilator narzeka na mnie o błąd.
Jak usunąć jednostkę z dowolnego numeru w SASS?
Wiem, że można usunąć jednostki z liczb w SASS, gdy znasz jednostkę przed-ręka w ten sposób:
$number: 16px;
$without-unit: ... ąc najpierw, Co To Jest jednostka?
@function strip-unit($number) {
// magic code here...
}
@warn strip-unit(16px); // 16
Jak używać arkuszy stylów specyficznych dla kontrolera w Rails 3.2.1?
Using Rails 3.2.1
Stworzyłem prosty kontroler o nazwie Home używając polecenia:
rails g controller Home index
I stworz ... You can use Sass (SCSS) here: http://sass-lang.com/
Dlaczego zasady nie są napisane w domu.css.scss applied to my website?
Foundation 6 nie generuje żadnych stylów
Skonfigurowałem nowy projekt do testowania Fundacji 6 przy użyciu Gulp i Sass, ale wydaje się, że nie kompiluje się w ogóle. ... a na to, że uderza w plik, ponieważ komentarz jest wyprowadzany, ale nie kompiluje żadnego z importów Sass w foundation.scss.
Czy w SASS możliwe jest dziedziczenie z klasy w innym pliku?
Pytanie mówi prawie wszystko.
Na przykład, gdybym używał, powiedzmy, Twitter Bootstrap , czy mógłbym zdefiniować klasy w moi ... arkuszu stylów SASS, które dziedziczą z klas CSS Bootstrap? A może dziedziczenie w SASS działa tylko w ramach jednego pliku?
Dlaczego tworzony jest folder pamięci podręcznej Sass
Zacząłem próbować Sass dla mojej pracy css. W katalogu, w którym znajduje się mój plik Css, widzę".folder sass-cache też. Czy ktoś może mi powiedzieć, dlaczego ten folder jest tworzony i czy jest bezpieczny, jeśli go usunę.
Dzięki,
Jak kontrolować liczbę elementów w wierszu za pomocą zapytań o media w Flexbox?
Więc wyobraź sobie, że mam następujące znaczniki
<div class="container">
<div class="item"></div>
... Do tej pory miałem szczęście, ale są pewne typy układów, które zawiodą przy takim podejściu.
Codepen link do demonstracji
Nie można nadpisać $theme-color w bootstrap 4
It ' s bootstrap 4.0 with SASS
Mój plik style.scss zawiera następujący kod:
@import "../bootstrap/scss/bootstrap";
@impo ... : Jak mogę zastąpić $theme-color w bootstrap-4 przy użyciu SASS?
Każda pomoc będzie doceniona i z góry dziękuję
Zdrówko.