align-self (_vendor.scscs)

Tipo: Mixin

Versión: 2.x.x

Mixin vendor de SISASS para la propiedad align-self.

Permite definir la alineación individual de un elemento en el eje transversal dentro de un contenedor flex o grid. Aplica el prefijo histórico -webkit- y después agrega la propiedad estándar.

Interface 

@mixin align-self($br: initial);

Parámetros secuenciales

Parámetro Tipo Default Descripción
br Keyword | String initial Define el valor que se asignará a la propiedad align-self.

Ejemplo

En este ejemplo, cada celda usa grid y una altura fija. El segundo bloque aplica el valor end sobre un único elemento, por lo que ese elemento se desplaza hacia la parte inferior de su celda y se diferencia del comportamiento inicial.

Valor inicial

A

align-self: end

A

            


            

                

            


            

                
<div class="align_self_example">
    <h3 class="subtitle">Valor inicial</h3>
    <div class="cell"><span class="box">A</span></div>
    <h3 class="subtitle">align-self: end</h3>
    <div class="cell"><span class="box end">A</span></div>
</div>