Mixin vendor de SISASS para la propiedad column-count.
Aplica la propiedad con los prefijos históricos -webkit- y -moz-, y luego agrega la versión estándar.
@mixin column-count($br);| Parámetro | Tipo | Default | Descripción |
|---|---|---|---|
| br | Number | String | - | Define la cantidad de columnas que se asignará a column-count. |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non turpis vitae lorem tincidunt finibus. Integer posuere, augue id malesuada aliquet, nibh massa gravida risus, vitae feugiat sapien velit et mauris. Curabitur sodales, lectus a tincidunt aliquet, lacus lectus vulputate justo, vitae consequat urna turpis et sem. Proin ac mi non erat cursus blandit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec posuere massa id turpis tincidunt, eu fermentum ligula bibendum. Aenean volutpat posuere neque, id viverra neque efficitur at. Nulla facilisi. Duis luctus sem at odio ullamcorper, nec porttitor nisl tempor. Praesent sed orci sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse ac nibh vel nibh aliquam auctor. Donec sit amet sapien nec velit facilisis molestie. Mauris tempus nibh et lectus dapibus, nec tincidunt metus luctus. Integer gravida aliquet nisl, in sollicitudin ligula tincidunt id. Vivamus blandit, sem nec fermentum luctus, arcu purus tristique magna, non posuere lorem turpis in libero. Aliquam erat volutpat. Cras euismod urna a velit fermentum, nec malesuada turpis pretium. In hac habitasse platea dictumst. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Integer dictum egestas dui, non feugiat sem viverra a. Vivamus in malesuada arcu. Nullam luctus nunc non lacus tristique, ac feugiat ex commodo. Nam at viverra nulla. Maecenas ultrices, orci a feugiat dignissim, eros ipsum bibendum risus, eu porttitor erat quam et sapien. Phasellus mollis neque non nunc pretium, ut faucibus tortor auctor. Donec sit amet augue sed libero cursus pretium. Quisque finibus risus ac ante volutpat, vitae interdum erat tristique. Donec ac orci lectus. Morbi quis magna sed massa gravida posuere. Nunc non dictum ipsum. Nulla pharetra posuere tellus, sed sodales arcu porttitor vel. Sed consequat lectus at nisl malesuada, a sagittis est placerat. Donec vitae aliquet dolor. Sed sollicitudin, nisi non interdum accumsan, nulla est faucibus tellus, ut faucibus leo dolor eget dui. Integer vel magna luctus, hendrerit tortor sit amet, efficitur quam. Curabitur suscipit ante ac libero feugiat, non gravida lacus sollicitudin. Nunc viverra mi vel felis volutpat, et vehicula nulla aliquet.
<div class="column_count_example">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non turpis vitae lorem tincidunt finibus. Integer posuere, augue id malesuada aliquet, nibh massa gravida risus, vitae feugiat sapien velit et mauris. Curabitur sodales, lectus a tincidunt aliquet, lacus lectus vulputate justo, vitae consequat urna turpis et sem. Proin ac mi non erat cursus blandit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec posuere massa id turpis tincidunt, eu fermentum ligula bibendum. Aenean volutpat posuere neque, id viverra neque efficitur at. Nulla facilisi. Duis luctus sem at odio ullamcorper, nec porttitor nisl tempor. Praesent sed orci sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse ac nibh vel nibh aliquam auctor. Donec sit amet sapien nec velit facilisis molestie. Mauris tempus nibh et lectus dapibus, nec tincidunt metus luctus. Integer gravida aliquet nisl, in sollicitudin ligula tincidunt id. Vivamus blandit, sem nec fermentum luctus, arcu purus tristique magna, non posuere lorem turpis in libero. Aliquam erat volutpat. Cras euismod urna a velit fermentum, nec malesuada turpis pretium. In hac habitasse platea dictumst. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Integer dictum egestas dui, non feugiat sem viverra a. Vivamus in malesuada arcu. Nullam luctus nunc non lacus tristique, ac feugiat ex commodo. Nam at viverra nulla. Maecenas ultrices, orci a feugiat dignissim, eros ipsum bibendum risus, eu porttitor erat quam et sapien. Phasellus mollis neque non nunc pretium, ut faucibus tortor auctor. Donec sit amet augue sed libero cursus pretium. Quisque finibus risus ac ante volutpat, vitae interdum erat tristique. Donec ac orci lectus. Morbi quis magna sed massa gravida posuere. Nunc non dictum ipsum. Nulla pharetra posuere tellus, sed sodales arcu porttitor vel. Sed consequat lectus at nisl malesuada, a sagittis est placerat. Donec vitae aliquet dolor. Sed sollicitudin, nisi non interdum accumsan, nulla est faucibus tellus, ut faucibus leo dolor eget dui. Integer vel magna luctus, hendrerit tortor sit amet, efficitur quam. Curabitur suscipit ante ac libero feugiat, non gravida lacus sollicitudin. Nunc viverra mi vel felis volutpat, et vehicula nulla aliquet.</p>
</div>