Envoyé par
Jinbei
C'est pas déjà le principe des classes de pas écrire 36 fois la même chose ? J'utilise les variables en css pour mes codes couleurs, mais ça je pouvais déjà le faire sans le SASS. Du coup j'ai pas encore trop vu l'intérêt, si vous avez des arguments en sa faveur ^^
Un exemple : le nesting, en CSS tu va pas arrêter de réécrire la cascade précédente, en SASS tu n'écris qu'une fois ce qui change :
CSS
Code:
nav ul {
margin: 0;
padding: 0;
list-style: none;
}
nav li {
display: inline-block;
}
nav a {
display: block;
padding: 6px 12px;
text-decoration: none;
}
SASS
Code:
nav {
ul {
margin: 0;
padding: 0;
list-style: none;
}
li { display: inline-block; }
a {
display: block;
padding: 6px 12px;
text-decoration: none;
}
}
Sachant que c'est le truc de base, tu peux après concaténer les noms comme ça :
SASS
Code:
my-footer{
/*bla*/
&__button {
/*blo*/
&__content {
/*bli*/
}
}
}
CSS
Code:
my-footer{
/*bla*/
my-footer__button {
/*blo*/
}
my-footer__button__content {
/*bli*/
}
Tu imagine vite l'intérêt avec les :hover et autre. Sans parler du cas où tu dois changer un jour ladite cascade...