text-columns
armando un sitio necesitaba tener 3 columnas de texto en desktop y una columna en responsive pero el texto viene todo junto en un campo html
y encontré esta propiedad para hacerlo column-count
arme la utilidad para sumar en utilities:
@each $breakpoint-size, $column-count in $text-column-sizes {
@include media-breakpoint-up($breakpoint-size) {
.text-columns {
column-count: $column-count;
column-gap: 1.25rem;
}
}
}
tambien sumar en _data/theme.yml
text-column-sizes:
xs: "1"
sm: "2"
md: "3"
lg: "3"