O modificador FolEs alinhar-se substitui o valor de alinhar-itens de um elemento com a exibição em grade ou flexível.

No tipo grade, o modificador alinha o elemento dentro de sua própria área. No tipo flexbox, o elemento é alinhado no Eixo Cruzado.

Sintaxe

/* Valores básicos */
alinhar-se: normal;
alinhar-se: esticar;

/* Valores de posição */
/* O modificador não aceita os valores 'esquerda' e 'direita' */
alinhar-se: centro;
alinhar-se: início;
alinhar-se: fim;
alinhar-se: auto-início;
alinhar-se: auto-fim;
alinhar-se: flex-início;
alinhar-se: flex-fim;

/* Valores de linha de base */
alinhar-se: linha-base;
alinhar-se: início-linha-base;
alinhar-se: fim-linha-base;
alinhar-se: esticar;

/* Valores de vazamento */
alinhar-se: seguro centro;
alinhar-se: inseguro centro;

/* Valores globais */
alinhar-se: herdar;
alinhar-se: inicial;
alinhar-se: reverter;
alinhar-se: reverter-camada;
alinhar-se: desarmar;

Tradução para CSS

alinhar-se é traduzido para align-self.