Fundação - Referência Flex Grid SASS

Descrição

SASS (Syntactically Awesome Stylesheet) é um pré-processador CSS, que ajuda a reduzir a repetição com CSS e economiza tempo.

Mixins

A saída CSS final é construída usando o mixin. O mixin pode ser usado para construir sua própria estrutura de classe a partir desses componentes. A seguir estão os mixins usados ​​para construir a saída CSS final.

flex-grid-row

Um contêiner é criado para a linha da grade flexível, usando este mixin.

@include flex-grid-row($behavior, $width, $columns, $base) { }

Sr. Não.	Nome e Descrição	Tipo	Valor padrão
1	$behavior O estilo de grade padrão é modificado.	Palavra-chave ou lista	nulo
2	$width Largura máxima da linha.	Número	$ grid-row-width
3	$columns Define o número de colunas para esta linha.	Palavra-chave ou lista	nulo
4	$base É útil para chamar o mixin duas vezes no mesmo elemento, pois cria uma saída duplicada.	boleano	verdadeiro

flex-grid-column

As colunas da grade flexível são criadas usando o mixin. Usando a classe desempilhar na linha flexível pai, a coluna pode ser esticada até a largura total do contêiner.

@include flex-grid-column($columns, $gutter);

Sr. Não.	Nome e Descrição	Tipo	Valor padrão
1	$columns A função flex-grid-column () é referida para os valores disponíveis.	Misturado	Nulo
2	$gutter Crie espaço entre as colunas	Número	$ grid-column-gutter

flex-grid-order

A fonte da coluna da grade flexível é alterada. O menor número da coluna aparece primeiro no layout.

@include flex-grid-order($order);

Sr. Não.	Nome e Descrição	Tipo	Valor padrão
1	$order Aplique o número do pedido.	Número	0

Funções

A seguir está a função de uma grade flexível -

flex-grid-column

a propriedade flex é calculada para a coluna da cintura flexível. O mesmo valor é aceito como função básica da grade-coluna () junto com os seguintes parâmetros -

• null - Expande a coluna para o espaço total.

• shrink - Contrata a coluna.

flex-grid-column($columns)

Sr. Não.	Nome e Descrição	Tipo	Valor padrão
1	$columns Defina a largura da coluna específica.	Misturado	nulo