Eu tenho alguns seletores de scss onde uso a mesma quantidade de positivo e negativo, como em:
padding: 0 15px 15px;
margin: 0 -15px 20px -15px;
Eu prefiro usar uma variável para todos os valores de 15px, mas isso não funciona:
$pad: 15px;
padding: 0 $pad $pad;
margin: 0 -$pad 20px -$pad;
Os valores da margem são convertidos em números positivos. Estou esquecendo de algo?
css
sass
compass-sass
Steve
fonte
fonte
Uma solução mais sensata de acordo com as diretrizes de ousadia seria para
interpolate
variáveis como o seguinte exemplo:Um exemplo: https://www.sassmeister.com/gist/c9c0208ada0eb1fdd63ae47830917293
fonte
Estou adicionando meus dois penneth depois de considerar as duas respostas anteriores, mas então lendo isto (ênfase minha):
Portanto, acredito que a forma correta seria a seguinte, que preserva as habilidades matemáticas do SASS / SCSS:
fonte