Можете ли вы использовать несколько условных выражений в SASS / SCSS CSS?

В случае ваших элементов списка есть небольшой CSS, который вы можете использовать для достижения желаемого эффекта.

ul.icons li {
  position: relative;
  padding-left: -20px; // for example
}
ul.icons li i {
  position: absolute;
  left: 0;
}

Я тестировал это в Safari в OS X.