Basscss 7 is a simplification and realignment of design principles intended to better fit in with component-base architectures. Version 7 is less opinionated and more flexible than ever. With 19% fewer rules and 27% fewer declarations, version 7 is just 3.32KB gzipped – 13% smaller than before.

New

• Simpler buttons with btn, btn-primary, and btn-outline modules
• Vertical alignment with the align module
• Utility type-scale module has been separated from base-typography
• .field-light class is now .field
• .border-box utility
• .p0 utility
• .border-none utility

Removes the following styles

• Base font-size for <p>, <dl>, <ol>, and <ul>
• Base <hr> margin styles
• .fieldset-reset – use .p0, .m0, and .border-none instead
• .full-width – use .col-12 instead
• .half-width – use .col-6 instead

Modules removed

Note: modules are still optionally available through npm

• progress - .progress
• input range - .range-light
• base-buttons - .button
• button-sizes - .button-big, .button-small, and .button-narrow
• button-outline - .button-outline
• button-transparent - .button-transparent
• background-images - .bg-cover, .bg-contain, .bg-center, .bg-top, .bg-right, .bg-bottom, .bg-left
• color-forms-dark - .field-dark
• border-colors - .border-black, .border-gray, etc.