C’est toujours intéressant de débattre, sinon oui tu as raison pour les padding et les border, d’ailleurs pour margin c’est sur une seule déclaration. Je pense que c’est pour un souci de lisibilité mais dans tout les cas on peut proposer une correction du sass ou du javascript de foundation qui ensuite sera intégré ou pas à la version Master.

Je pense que les pré-processeur avec l’apparition de framework complet comme foundation ou bootstrap permet de faire grandement le web. Celà permet aux bons développeur de partager leurs idées au sein d’une communauté afin d’obtenir des framework de très grande qualité qui vont devenir incontournable. Ou du moins vont permettre de partager les bonnes methodes/pratiques en CSS/JS.

J’ai juste relayé l’info dans mon article, mon but était pas du tout de prendre part. Par contre dans ton code, je sais pas si c’est SASS ou toi, mais il y a pas mal de propriétés qu’on pourrait améliorer comme par exemple les border et les paddings qu’il est possible d’écrire en une seule déclaration.

Attaqué ces outils en disant qu’ils complique le CSS est une hérésie, Celà s’adresse au développer souhaitant faire un CSS complexe et maintenable. Il n’est en aucun cas destiné à une personne faisant du web de bas niveau.
Si gérer quelques variables et fonctions est si compliqué alors ces personne là ne l’utiliseront pas et ne risqueront pas de faire du CSS crade avec un pré-processeur.
Aussi parler des tutos utilisant du pré-processeur à la place de CSS j’en en ai vu aucun, sauf si ceux ci sont dédié au pré-processeur…

Je pense que ce faux débat existe à cause de certains blogeurs qui font une fixette la dessus. Mais j’aimerais bien voir la gueule de leur CSS quand ils critique le résultat obtenue avec les préprocesseur, quand je lie le CSS obtenue avec LESS sur bootstrap, celui obtenue avec SASS sur foundation, je n’ai jamais lu de CSS aussi bien écrit.

Voilà un exemple de CSS pour les boutons de foundation obtenue avec SASS.
Alors déconseillé les pré-processeur aux néophyte est une chose mais les déconseillé c’est être de la vieille école, c’est un besoin pour le CSS d’assurer sa maintenabilité et tout les autres avantage de ces derniers.

.button {
border-style: solid;
border-width: 1px;
cursor: pointer;
font-family: inherit;
font-weight: bold;
line-height: 1;
margin: 0 0 1.25em;
position: relative;
text-decoration: none;
text-align: center;
display: block;
padding-top: 0.75em;
padding-right: 1.5em;
padding-bottom: 0.8125em;
padding-left: 1.5em;
font-size: 1em;
background-color: #a9014b;
border-color: #760135;
color: white;
}
.button:hover, .button:focus {
background-color: #760135;
}
.button:hover, .button:focus {
color: white;
}
.button.secondary {
background-color: #e9e9e9;
border-color: #d0d0d0;
color: #333333;
}
.button.secondary:hover, .button.secondary:focus {
background-color: #d0d0d0;
}
.button.secondary:hover, .button.secondary:focus {
color: #333333;
}