Skocz do zawartości

Zdjęcie
* * * * * 1 głosy

SASS vs LESS


43 odpowiedzi w tym temacie
  • Zaloguj się, aby dodać odpowiedź
unbreak

    WT Elite

  • 1 937 postów
    • Czas spędzony online: 27d 8h 43m 36s
506
Znakomita!
  • Location/home/unbreak

Napisano 20 października 2015 - 07:44

#21

A jak klikniesz prawym na projekt (lub katalog w projekcie) i dasz "Show in" > "Terminal".

 

Dzieje się coś?


  • 0

webDeveloper


writen

    Stary wyjadacz

  • 458 postów
    • Czas spędzony online: 29d 22h 59m 44s
133
Znakomita!

Napisano 20 października 2015 - 15:26

#22

Tak zawsze robię ;)

Ale już się samo naprawiło.


  • 0

logo-green-dark.png


zonic

    WT Elite

  • 2 911 postów
    • Czas spędzony online: 134d 2h 28m 23s
472
Znakomita!
  • LocationToruń

Napisano 21 października 2015 - 12:16

#23

SASS w pierwszym projekcie użyty :) File Watchery w PHPStormie działają bezbłędnie, a konfiguracja jest banalnie prosta.


  • 0

unbreak

    WT Elite

  • 1 937 postów
    • Czas spędzony online: 27d 8h 43m 36s
506
Znakomita!
  • Location/home/unbreak

Napisano 22 października 2015 - 07:13

#24

Też właśnie dostałem w spadku projekt w którym używany jest sass (niestety nie w wersji scss) i w aptanie również wszystko działa wyśmienicie (razem z gruntem).


  • 0

webDeveloper


zonic

    WT Elite

  • 2 911 postów
    • Czas spędzony online: 134d 2h 28m 23s
472
Znakomita!
  • LocationToruń

Napisano 05 listopada 2015 - 13:34

#25

2 tygodnie pracy z SASS i już wkurzam się jak gdzieś w projekcie spotykam czysty CSS... Każda nowa realizacja z sass 


  • 0

przemoo83

    Stary wyjadacz

  • PipPipPip
  • 316 postów
    • Czas spędzony online: 24d 21h 32m 26s
46
Bardzo dobra

Napisano 05 listopada 2015 - 13:37

#26

2 tygodnie pracy z SASS i już wkurzam się jak gdzieś w projekcie spotykam czysty CSS... Każda nowa realizacja z sass 

Uzależnia :lol: ja w sumie nie robię żadnych profesjonalnych projektów ale i tak przy każdej małej pierdółce piszę style w sass. Bo tak :P


  • 0

unbreak

    WT Elite

  • 1 937 postów
    • Czas spędzony online: 27d 8h 43m 36s
506
Znakomita!
  • Location/home/unbreak

Napisano 05 listopada 2015 - 15:53

#27

Jedyne co mnie drażni w sass, to jak robię jakąś małą zmianę, jakąś pierdółkę, to muszę czekać parę sekund jak się skompiluje na css ;/ bardzo drażniące... w sytuacji gdzie liczą się sekundy i w czystym css zrobiłbym coś w mgnieniu oka, tutaj schodzi z tym trochę dłużej...


  • 0

webDeveloper


zonic

    WT Elite

  • 2 911 postów
    • Czas spędzony online: 134d 2h 28m 23s
472
Znakomita!
  • LocationToruń

Napisano 05 listopada 2015 - 16:00

#28

Jedyne co mnie drażni w sass, to jak robię jakąś małą zmianę, jakąś pierdółkę, to muszę czekać parę sekund jak się skompiluje na css ;/ bardzo drażniące... w sytuacji gdzie liczą się sekundy i w czystym css zrobiłbym coś w mgnieniu oka, tutaj schodzi z tym trochę dłużej...

Bo ja wiem. Nawet spore szablony z dużą ilością zmiennych, funkcji i powiązań kompilują się 2-3 sekundy. Ja sobie ustawiłem automatyczny upload CSS po kompilacji na deployment co też przyśpiesza pracę.

Fakt, że 3 sekundy mogą mieć znaczenie. Ale jakoś nie odczułem dyskomfortu pracy przez to.


  • 0

unbreak

    WT Elite

  • 1 937 postów
    • Czas spędzony online: 27d 8h 43m 36s
506
Znakomita!
  • Location/home/unbreak

Napisano 06 listopada 2015 - 10:22

#29

Widać powoli robisz* :P

No widzisz, a dla mnie często te 2 - 3 sekundy to jak wieczność, w momencie kiedy zmieniam gdzieś z 15px na 10px szybkie CTRL+S -> ALT+TAB -> F5 a tam jeszcze stary CSS bo SASS się nie skompilował. Wczoraj zasiadłem znów do spadkowego projektu w którym jest LESS i ta kompilacja trwa znacznie szybciej, praktycznie w mgnieniu oka, błyskawicznie.

 

 

 

* żarcik


  • 0

webDeveloper


zonic

    WT Elite

  • 2 911 postów
    • Czas spędzony online: 134d 2h 28m 23s
472
Znakomita!
  • LocationToruń

Napisano 06 listopada 2015 - 10:24

#30

Widać powoli robisz* :P

No widzisz, a dla mnie często te 2 - 3 sekundy to jak wieczność, w momencie kiedy zmieniam gdzieś z 15px na 10px szybkie CTRL+S -> ALT+TAB -> F5 a tam jeszcze stary CSS bo SASS się nie skompilował. Wczoraj zasiadłem znów do spadkowego projektu w którym jest LESS i ta kompilacja trwa znacznie szybciej, praktycznie w mgnieniu oka, błyskawicznie.

 

 

 

* żarcik

Ale wszystko zapewne zależy od ilości powiązań itd. Jak zmieniasz coś w jedym pliku, który jest importowany w 100 innych to też co innego :)


  • 0

przemoo83

    Stary wyjadacz

  • PipPipPip
  • 316 postów
    • Czas spędzony online: 24d 21h 32m 26s
46
Bardzo dobra

Napisano 06 listopada 2015 - 10:29

#31

Nastawialiście sobie jakieś wypasione środowiska programistyczne to macie :P  Mnie Koala kompiluje to w ułamku sekundy :P


  • 0

zonic

    WT Elite

  • 2 911 postów
    • Czas spędzony online: 134d 2h 28m 23s
472
Znakomita!
  • LocationToruń

Napisano 06 listopada 2015 - 10:48

#32

Nastawialiście sobie jakieś wypasione środowiska programistyczne to macie :P  Mnie Koala kompiluje to w ułamku sekundy :P

Jak masz 1 plik sass i 1 plik css to spoko :D No offence :D

A Koale to są w zoo :P


  • 1

przemoo83

    Stary wyjadacz

  • PipPipPip
  • 316 postów
    • Czas spędzony online: 24d 21h 32m 26s
46
Bardzo dobra

Napisano 06 listopada 2015 - 10:53

#33

Jak masz 1 plik sass i 1 plik css to spoko :D No offence :D

A Koale to są w zoo :P

Nie dadzą się nacieszyć nawet :P


  • 0

zonic

    WT Elite

  • 2 911 postów
    • Czas spędzony online: 134d 2h 28m 23s
472
Znakomita!
  • LocationToruń

Napisano 06 listopada 2015 - 10:55

#34

Unbreak to ma akurat słoniowate środowisko, więc u niego pewnie nawet 1 plik kompiluje 2 sekundy ;p 


  • 0

unbreak

    WT Elite

  • 1 937 postów
    • Czas spędzony online: 27d 8h 43m 36s
506
Znakomita!
  • Location/home/unbreak

Napisano 06 listopada 2015 - 11:27

#35

Sam jesteś słoń :P

 

Duże projekty wymagają 'dużego' środowiska :P


  • 0

webDeveloper


Mattheo

    Nowy użytkownik

  • 38 postów
    • Czas spędzony online: 2d 8h 32m 56s
20
Bardzo dobra

Napisano 07 listopada 2015 - 13:32

#36

To prawda. Less szybciej kompiluje się od Sass. Sprawdzane na przykładzie bootstrapa. Różnica jest zauważalna bo paru sekundowa.


  • 1

unbreak

    WT Elite

  • 1 937 postów
    • Czas spędzony online: 27d 8h 43m 36s
506
Znakomita!
  • Location/home/unbreak

Napisano 25 listopada 2015 - 15:02

#37

Pytanie w temacie SASS, może ktoś pomoże :)

mam stukturę w html:

#content
   .item
      a

i teraz w sass mam tak:

#content{
   ...

   .item{
      ...
      
      a{
         ...
      }
   }
}

i wiadomo, generuje mi to:

#content{ ... }
#content .item{ ... }
#content .item a{ ... }

A ja chcę jeszcze dodać do tego:

#content .item.item-1 a{ ... }

Jak to zrobić? :D Niestety to:

#content{
   ...

   .item{
      ...
      
      a{
         ...

         .item-1 &{
            ...
         }
      }
   }
}

generuje mi:

.item-1 #content .item a{ ... }

Czyli zupełnie coś innego, a wiem że się da, bo kojarzę jak przeglądałem kiedyś różne tutki i wprowadzenia :)


  • 0

webDeveloper


zonic

    WT Elite

  • 2 911 postów
    • Czas spędzony online: 134d 2h 28m 23s
472
Znakomita!
  • LocationToruń

Napisano 25 listopada 2015 - 15:05

#38

Try this:
 

#content{
   ...

   .item{
      ...
      &.item-1{
        a{
         ...
        }
      }
      a{
       ...
      }
   }
}

Wiem, że teraz masz redundancje kodu, bo dwa razy a trzeba opisać, ale chyba o to Ci chodziło, żeby rozróżniać je.

UPDATE:

No i generalnie hovery, czy befory też:

 

.content{
  &:hover {
  
  }

  &:before {

  }
}

  • 0

unbreak

    WT Elite

  • 1 937 postów
    • Czas spędzony online: 27d 8h 43m 36s
506
Znakomita!
  • Location/home/unbreak

Napisano 25 listopada 2015 - 15:20

#39

nie zrozumiałeś chyba o co mi chodzi ;)

Właśnie nie chcę dublować. Chcę w jednym a { ... } dać coś takiego ala & żeby zadziałało :)


  • 0

webDeveloper


zonic

    WT Elite

  • 2 911 postów
    • Czas spędzony online: 134d 2h 28m 23s
472
Znakomita!
  • LocationToruń

Napisano 25 listopada 2015 - 15:41

#40

 

Try this:
 

#content{
   ...

   .item{
      ...
      &.item-1{
        a{
         ...
        }
      }
      a{
       ...
      }
   }
}

Wiem, że teraz masz redundancje kodu, bo dwa razy a trzeba opisać, ale chyba o to Ci chodziło, żeby rozróżniać je.

UPDATE:

No i generalnie hovery, czy befory też:

 

.content{
  &:hover {
  
  }

  &:before {

  }
}

 

nie zrozumiałeś chyba o co mi chodzi ;)

Właśnie nie chcę dublować. Chcę w jednym a { ... } dać coś takiego ala & żeby zadziałało :)

Jak znajdziesz rozwiązanie to się podziel. Bo ja się chyba z czymś takim nie spotkałem.

Można jeszcze coś z @extend kombinować, ale to też nie będzie takie rozwiązanie jakiego Ty oczekujesz :) Jestem ciekaw czy się da tak prosto jak byś chcial to zrobic :)


UPDATE:

A może - Ci pomoże :)

Example z dokumentacji:

 

#main {
  color: black;
  &-sidebar { border: 1px solid; }
}
is compiled to:

#main {
  color: black; }
  #main-sidebar {
    border: 1px solid; }

  • 1




Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych