O mixin setPosition é utilizado para configurar o posicionamento absoluto de um elemento, permitindo definir valores para top, right, bottom e left.

Parâmetros

• $top: Posicionamento superior. Utilize 'auto' para ignorar.
• $right: Posicionamento da direita. Utilize 'auto' para ignorar.
• $bottom: Posicionamento inferior. Utilize 'auto' para ignorar.
• $left: Posicionamento da esquerda. Utilize 'auto' para ignorar.
• $type: O tipo de posicionamento. Pode ser:
  • 'absolute': Posicionamento absoluto.
  • 'relative': Posicionamento relativo.
  • 'fixed': Posicionamento fixo.
  • 'sticky': Posicionamento ‘sticky’.

Uso

.element {
    @include setPosition('10px', 'auto', 'auto', '20px', 'absolute');
}

.element {
    @include setPosition('auto', '30px', '40px', 'auto', 'relative');
}

Exemplo de Saída

.element {
    position: absolute;
    top: 10px;
    left: 20px;
}

.element {
    position: relative;
    right: 30px;
    bottom: 40px;
}