• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

SASS(składnia SASS) + media queries

0 głosów
163 wizyt
pytanie zadane 17 sierpnia 2017 w HTML i CSS przez Bartix Początkujący (420 p.)
edycja 17 sierpnia 2017 przez Bartix
Czy mógłby ktoś napisać czy jest możliwe pisanie SASS'a wg składni SASS z wykorzystaniem media queries?

Wprowadzam w projekcie responsywność a zdecydowałem się na pisanie sassem za pomocą powyższej składni i nie mogę  nigdzie znaleźć rozwiązania.

Dzięki! :)
komentarz 17 sierpnia 2017 przez mitelak Pasjonat (23,490 p.)

tak to się robi :D 

3 odpowiedzi

+2 głosów
odpowiedź 17 sierpnia 2017 przez kubaapk Nałogowiec (41,520 p.)
@media only screen and (min-width : 20em)
    .twoje
        .style

 

komentarz 17 sierpnia 2017 przez Bartix Początkujący (420 p.)

No właśnie chyba nie do końca  bo zrobiłem coś takiego:

I niestety przy zmianie rozdzielczości nie działa :/

komentarz 17 sierpnia 2017 przez kubaapk Nałogowiec (41,520 p.)
edycja 17 sierpnia 2017 przez kubaapk
Daj tab przy .logo, spójrz na wcięcia.
+1 głos
odpowiedź 17 sierpnia 2017 przez JayJay Mądrala (5,960 p.)

Podobnie, jak w css, tylko pomijasz nawiasy klamrowe, średniki i stosujesz odpowiednio wcięcia.

Np:

p
  background: #fff

@media screen and (min-width: 700px)
  p 
    background: #000

 

0 głosów
odpowiedź 17 sierpnia 2017 przez Bartix Początkujący (420 p.)

Dzięki Panowie kubaapk mitelak  JayJay

już wszystko działa, od początku robiłem tak jak być powinno tylko po regule @media  zaczynałem wcięcia w niewłaściwym miejscu :)

 

Podobne pytania

0 głosów
1 odpowiedź 104 wizyt
pytanie zadane 21 grudnia 2018 w HTML i CSS przez niezalogowany
0 głosów
0 odpowiedzi 121 wizyt
pytanie zadane 26 marca 2017 w HTML i CSS przez shslr Obywatel (1,310 p.)
+1 głos
1 odpowiedź 229 wizyt
Porady nie od parady
Wynikowy wygląd pytania, odpowiedzi czy komentarza, różni się od tego zaprezentowanego w edytorze postów. Stosuj więc funkcję Podgląd posta znajdującą się pod edytorem, aby upewnić się, czy na pewno ostateczny rezultat ci odpowiada.Podgląd posta

66,324 zapytań

113,061 odpowiedzi

239,218 komentarzy

46,589 pasjonatów

Przeglądających: 256
Pasjonatów: 7 Gości: 249

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...