Foundation - Referencia de SASS del grupo de botones

Descripción

Puede cambiar los estilos de los componentes utilizando SASS Reference.

Variables

La siguiente tabla enumera las variables SASS en el archivo de configuración del proyecto que hace que los estilos predeterminados del componente se personalicen.

No Señor.	Nombre y descripción	Tipo	Valor por defecto
1	$buttongroup-margin Representa margen para grupos de botones.	Número	1rem
2	$buttongroup-spacing Representa el margen entre todos los botones del grupo de botones.	Frontera	1 px
3	$buttongroup-child-selector Representa el selector de botones dentro de un grupo de botones.	Cuerda	'.botón'
4	$buttongroup-expand-max Representa el máximo de botones que pueden estar en un grupo de botones con ancho uniforme.	Número	6

Mixins

Para construir la salida CSS final de este componente, se pueden usar los siguientes mixins. Para construir su propia estructura de clases usando componentes Foundation, puede usar los mixins usted mismo.

grupo de botones

@include button-group($child-selector);

Agrega estilos para un contenedor de grupo de botones. La siguiente tabla enumera el parámetro utilizado para este propósito.

No Señor.	Descripción de parámetros	Tipo	Valor por defecto
1	$child-selector Representa el selector de botones dentro de un grupo de botones.	Cuerda	$ buttongroup-child-selector

botón-grupo-expandir

@include button-group-expand($count, $selector);

Se crea un grupo de botones de ancho completo, lo que hace que todos los botones tengan el mismo ancho. Utiliza parámetros, que se enumeran en la siguiente tabla.

No Señor.	Descripción de parámetros	Tipo	Valor por defecto
1	$count Representa el número de botones dentro del grupo de botones. Al configurarlo en automático , se generará CSS que considera muchos botones.	Palabra clave o número	auto
2	$selector Representa el selector de botones dentro de un grupo de botones.	Cuerda	$ buttongroup-child-selector

pila-grupo-de-botones

@include button-group-stack($selector);

Apila los botones en un grupo. La siguiente tabla enumera los parámetros utilizados para este propósito.

No Señor.	Descripción de parámetros	Tipo	Valor por defecto
1	$selector Representa el selector de botones dentro de un grupo de botones.	Cuerda	$ buttongroup-child-selector

grupo de botones desapilar

@include button-group-unstack($selector);

Desapila los botones en un grupo. La siguiente tabla enumera el parámetro utilizado para este propósito.

No Señor.	Descripción de parámetros	Tipo	Valor por defecto
1	$selector Representa el selector de botones dentro de un grupo de botones.	Cuerda	$ buttongroup-child-selector

↰ Previous page