SASS

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Nigde ne mogu da nadjem kako se u SASS koristi hover
Ono sto sam kao nasao, nece da radi :/ Imam code

#navigacija2     ul         list-style: none         li             display: inline-block             padding-left: 24px             position: relative             top: 20px             left: 100px             a                  text-decoration: none                 color: white  
U tag a imam nesto sto hocu da stavim u hover, ali ne ide. Valjda bi trebalo u a da se doda

a                  text-decoration: none                 color: white                 &:hover                        background-color: ili color:

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Da, tako sa ampersendom treba. Evo primera:
a {     color: blue;     &:hover {         color: red;     } }
Ovo se preslikava u sledeći CSS:
a {   color: blue; } a:hover {   color: red; }
Nego gde su ti zagrade?

• 1Ovo se svidja korisniku: vasa.93
  
  Registruj se da bi pohvalio/la poruku!

vasa.93 ::Nego gde su ti zagrade?

SASS koristi dve sintakse; Sass, koja ne zahteva završavanje linija sa ; i zagrade i SCSS, koja zahteva oba. Rezultat je svakako isti u oba slučaja.

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

vasa.93 ::Da, tako sa ampersendom treba. Evo primera:
a {     color: blue;     &:hover {         color: red;     } }

Nece da radi ni tako

Pa sta ce mi Vaso zagrade,ja koristim i ucim sass da bi mi olaksao neke stvari, ukljucujuci i iskucavanje tih zagrada, tackica..

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Primer: http://sass-lang.com/documentation/file.INDENTED_SYNTAX.html
#main   color: blue   font-size: 0.3em   a     font:       weight: bold       family: serif     &:hover       background-color: #eee
Izbacuje li kompajler neku gresku? Ako ne, otvori CSS fajl koji se generisao i proveri da li je kompajler izgenerisao ono sto si hteo (tj. da li imas a i a:hover tamo sa zeljenim svojstvima isl.). Ako si dobio ispravno generisan CSS a ne radi onda nije problem u SASS sintaksi nego imas neku drugu vrstu greske. Onda bi mozda najbolje bilo da posaljes ceo kod (HTML i SASS/CSS) ili bar onoliko koliko je potrebno za otkrivanje greske ili testiranje, tj. da ima sa cime da se radi.

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Stephanos ::Nece da radi ni tako Tako je ispravno, a što neće da radi - verovatno zbog ovoga što si mi pisao na PP: Stephanos ::Instal sam koalu i gledao na yt, kad napravis folder i ubacis ga u koalu on automatski sam izbaci folder u kome stoji fajl css, medjutim kad sam probao rucno da ga napravim u mom folderu sass, ja sam ga napravio ali sass nije hteo da pretvori kodove u css, ne znam sto. I npr kad hocu sad da kodiram, moram da otvorim koalu , da bude pokrenuta na pc da bi sass prevodio u css.Ako si ti napravio fajl sasvim ručno, bez da ikakav alat nadgleda njega, od koga očekuješ da SASS pretvori u CSS?
Stephanos ::Pa sta ce mi Vaso zagrade,ja koristim i ucim sass da bi mi olaksao neke stvari, ukljucujuci i iskucavanje tih zagrada, tackica.. Ne brini se, nećeš ti da pobegneš od zagrada i tačka-zareza ako zaista želiš da budeš developer. Elem, pitanje sam postavio jer ni sam nisam bio svestan da je to što si napisao negde moguće. Znao sam da postoje SASS i SCSS (čak sam ti pomenuo oba u PP), ali nisam znao da je ovako nešto jedna od njihovih razlika. Ja sam radio isključivo SCSS, pa zato nisam zalazio u detalje te SASS sintakse.

A koliko izuzimanje zagrada i tačka-zareza olakšava pisanje stilova...to je diskutabilno, i verujem da je stvar lične preference. Ja ne bih mogao da radim tako. Zezneš jednu tabulaciju (npr. prilikom copy-paste) i sve ode dođavola. Neka hvala.

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Napisano: 30 Nov 2017 12:36

vasa.93 ::Ako si ti napravio fajl sasvim ručno, bez da ikakav alat nadgleda njega, od koga očekuješ da SASS pretvori u CSS?

Evo ne znam ni ja, poceo sam tek da ucim SASS, od nas koji tek pocinjemo, svakakva pitanja mogu da se ocekuju, cas i smesna mogu da budu za one prave developere

vasa.93 ::A koliko izuzimanje zagrada i tačka-zareza olakšava pisanje stilova...to je diskutabilno, i verujem da je stvar lične preference. Ja ne bih mogao da radim tako. Zezneš jednu tabulaciju (npr. prilikom copy-paste) i sve ode dođavola. Neka hvala.

Pa znas kako, ja sam gledao tutorijale neke a nigde nisu prikazali kako se ukucava hover, medjutim video sam da generalno SASS kao sto i kazu, pomaze oko 30% u kodiranju, npr ne moras da kucas zagrade i tacka zarez, onda pomaze pomaze u putanji selektora bas do jaja, ima dosta stvari, jos trebam da ucim ima jos, eto mozes da pogledas i sam na yt sta on ustvari radi. Ali ima jedna mana, npr ako probas da editujes u css nesto, i onda nastavis da kodiras u sass, cim sacuvas obrisace se iz css-a, jer nije uneto u sass.

Dopuna: 30 Nov 2017 14:36

PS: Proradilo, izgleda da sam ja pogresio klasu u divu.

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Nisi ti mene ništa razumeo.

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

elzike7 ::Primer: http://sass-lang.com/documentation/file.INDENTED_SYNTAX.html
#main   color: blue   font-size: 0.3em   a     font:       weight: bold       family: serif     &:hover       background-color: #eee
Izbacuje li kompajler neku gresku? Ako ne, otvori CSS fajl koji se generisao i proveri da li je kompajler izgenerisao ono sto si hteo (tj. da li imas a i a:hover tamo sa zeljenim svojstvima isl.). Ako si dobio ispravno generisan CSS a ne radi onda nije problem u SASS sintaksi nego imas neku drugu vrstu greske. Onda bi mozda najbolje bilo da posaljes ceo kod (HTML i SASS/CSS) ili bar onoliko koliko je potrebno za otkrivanje greske ili testiranje, tj. da ima sa cime da se radi.

Nasao sam gresku, inace brackets nije hteo da automatski spusti code dole u novom redu jer taj &:hover nije tagovan u ovom editoru, vec moramo mi 4x da damo razmak e onda code radi, inace ovako ako je manje od 4 razmaka, nece.

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Zasto ne koristis scss sintaksu, sass je mnogo necitljiv i podlozan greskama. Viticaste zagrade ti mnogo olaksavaju posao i sprecavaju pojavljivanje ovakvih gresaka.