SCSS na Folha de Estilos

Para quem não sabe o que é SCSS, leia este artigo.

---

Da mesma forma como a Folha de Estilos (no modo de melhorar o CSS) minifica os estilos, isto é, transforma isso:

Código:

p {
  font-family: serif;
}

Nisso:

Código:

p{font-family:serif}

Acho que seria interessante fazer a transformação de SCSS para CSS.

O que iria acontecer?
Caso a sugestão entrasse em vigor, isso, na sua Folha de Estilos:

Código:

p {
  color: red;

  &:hover {
    color: blue;
  }
}

Seria transformado nisso (ainda com o minificador já existente):

Código:

p{color:red}p:hover{color:blue}

Note que podemos escrever CSS normal sem saber nem o que é SCSS, tendo em vista que o SCSS só adiciona funcionalidades novas ao CSS, e não remove características padrão, como o SASS.

Enfim, é isso. :v

---

Note que isso não afetaria a performance dos fóruns em si, tendo em vista que seria compilado usando PHP do painel de controle (código back-end).
Já existem ferramentas para isso (até mesmo open-source), como aqui.

---

Sim, é possível fazer isso pelo seu computador, mas seria bem mais fácil se o nosso fórum já fizesse isso para a gente.

#Votem

A finalidade seria ocupar menos espaço da CSS, correto? Eu concordo! Até porque os códigos
parecem ficar mais organizados, mas como você disse, teria de ser uma conversão automática.

Voto sim!

Na verdade, para deixar o código mais leve, é o minificador (que já existe).
A finalidade do SCSS é facilitar e deixar o CSS padrão e chatinho mais legal...

Veja a diferença:

CSS normal:

Código:

.my-class {
  background-color: #39c;
  color: #fff;
}

.my-class:hover {
  background-color: #444;
}

O mesmo código acima, só que com SCSS:

Código:

// Variáveis são suportadas! *-*'
$primary-color: #39c;

.my-class {
  background-color: $primary-color;
  color: #fff;

  &:hover {
    background-color: #444;
  }
}

E o código SCSS é compilado em CSS (tendo em vista que os browsers infelizmente não aceitam SCSS). ;v

---

Mas note que o SCSS aceita código CSS normal também. Logo, se você não souber SCSS, você também pode escrever da forma tradicional!
Em suma, isso ajudaria todo mundo.

o/

Luiz escreveu:Na verdade, para deixar o código mais leve, é o minificador (que já existe).
A finalidade do SCSS é facilitar e deixar o CSS padrão e chatinho mais legal...
E o código SCSS é compilado em CSS (tendo em vista que os browsers infelizmente não aceitam SCSS). ;v
Mas note que o SCSS aceita código CSS normal também. Logo, se você não souber SCSS, você também pode escrever da forma tradicional!
Em suma, isso ajudaria todo mundo.

Continuo concordando, acredito que com um pouco de tempo pegaram o jeito com o SCSS, mas como você ressaltou, quem não souber ou não conseguir, poderá utilizar da forma tradicional o famoso CSS.

Eu votei não. Acho que o Forumeiros deveria corrigir a função de "Melhor seu CSS" antes de adicionarmos mais uma cilada, já que o mesmo quebra vários parâmetros do CSS3.

E como o senhor mesmo disse, podemos fazer isso diretamente pelo computador. Da mesma forma, poderíamos fazer um script que carrega e posta o CSS diretamente no fórum com um pouco de Grunt e algumas chamadas HTML, principalmente agora que está bem mais fácil com a API do Topic'it.

Obrigado pela opinião, pessoal.

Concordo com o fato de que esses problemas como o erro da ferramenta "melhorar seu CSS" devem ser resolvidos antes de uma sugestão, como a pautada neste tópico, ser possivelmente aplicada. Mas ao postar a sugestão, assumi — talvez de forma errônea — de que os problemas relativos à Folha de Estilos já tivessem sido corrigidos. Para que enfim uma nova ferramenta pudesse ser aplicada.

De todo modo, agradeço novamente pela opinião dos senhores. o/

Novas possibilidades para os desenvolvedores mais peculiares do mundo devem ser aplicadas, afinal, por que nos limitarmos ao CSS, podendo facilitar com o SCSS? É como ainda utilizar javascript puro, tendo jQuery. A menos que você queira "ostentar o seu conhecimento nato em javascript", não faz sentido algum.

Observação: não acredito que é correto votar não em uma sugestão, porque a Forumeiros tem X falhas em Y lugares. Partimos do pressuposto que o que ela implantou, já é otimizado e sem bugs.
Eu votei sim.

Olá!

Naturalmente tem meu voto positivo.

Crd.