Стилус разрушаемых парами миксин (на полях: авто) - PullRequest
Новая
       100

Стилус разрушаемых парами миксин (на полях: авто)

1 голос
/ 14 апреля 2020

Как создать утилиту mixins с разрушаемыми параметрами? Как и в стандартном css margin: inherit auto, где первый аргумент применяется к верху и низу, а второй к правому и левому, , если не дано дополнительных аргументов. 

margin-side(left, right)
  margin-left left
  margin-right right

.some-div
  margin-side auto
  // applied to both margin -left and -right

Использование условных выражений? Остальные параметры? Значения параметров по умолчанию? Не могу заставить его работать с любым из этих .. 

// thus far I've done it with
margin-side(left, right) ...
margin-sides(both) ...
// but it's error prone

Ура, спасибо!

1 Ответ

1 голос
/ 14 апреля 2020

Я не уверен, что понимаю ваш вопрос.

Я думаю, это то, что вы пытаетесь сделать: 

margin-side(vertical, horizontal = vertical)
  margin-top vertical
  margin-left horizontal
  margin-right horizontal
  margin-bottom vertical

.foo
  margin-side(10px)

.bar
  margin-side(5px, 7px)

попробуйте онлайн

...