All notable changes to this project will be documented in this file. We follow the Semantic Versioning 2.0.0 format.
- Added Featured Content Module pattern
- Updated to use breakpoint variables in cf-core v1.2.0
This change could break your existing projects if you have breakpoint values that do not match. Users should not attempt to automate the upgrade process due to the possibility of breaking the project layout. The best course of action is to:
- Update the project to use cf-layout v2.0.0
- Using Sublime Text or another editor with great search, CMD+Shift+F and search for
.respond-to - Replace old variables or px values with the appropriate new variables
Possible matches (test these yourself to be sure the change is what you expect):
@mobile-maxor.respond-to-maxwith a value around 600px -@bp-xs-max@tablet-minor.respond-to-minwith a value around 600px -@bp-sm-min@tablet-maxor.respond-to-maxwith a value around 800px -@bp-sm-max@desktop-minor.respond-to-minwith a value around 800px -@bp-med-min@desktop-maxor.respond-to-maxwith a value around 1230px -@bp-lg-max@wall-minor.respond-to-minwith a value around 1230px -@bp-xl-max
There's an additional breakpoint at 1020px that you may find useful (@bp-med-max and @bp-lg-min)
- Added Hero pattern
- Added
.block__flushmodifier for removing margin from all sides of a.block. Equivalent to.block .block__flush-top .block__flush-bottom .block__flush-sides. - Changed bottom-padding of
.block__bgto be double its current amount. Ems-equivalent of 30px on top and 60px on bottom. - Added
.block__border-left,.block__border-right, and.block__bordermodifiers to control all border settings.
- typo in position declaration
- Added position: relative to content_wrapper only when necessary to avoid globally setting position on elements that don't need it.
- Added new
col-1-4andcol-3-4options
- Extra mediaqueries
- Lots'o extra whitespace
- Lots'o mixed indentation
- Updated the margin top to be mobile only to avoid resetting the property on larger displays
- Updated stacked columns margin top to not care what column size comes before it, as long as it's another column. This is far simpler than manually updating combinations, which is impossible to keep up with mixed grids.
- Moved @import rules to top of source file to make compilation cleaner.
@importrules to pull in dependencies.
- Grunt bower and concat tasks
bowerrcpoints tosrc/vendor(the now defunct Grunt task used to do this).- Bumped to
1.0.0.
- Replaces all CFPB color variables with non-CFPB colors. To add the CFPB theme to your project you will need to include the CFPB color palette and the Capital Framework theme overrides file. Both files can be found in the generator-cf repo here: https://github.com/cfpb/generator-cf/tree/master/app/templates/src/static/css Background info on the new Capital Framework color variables can be found at cfpb/capital-framework#115.
- NPM dependencies.
- Updates
.stack-colto usedisplay: blockon full-width columns. This puts it back into margin-collapsing mode. Without this, full-width inline-block columns will have double margins.
- Left border width override for stacked columns.
.content-l__full,.content-l__main, and.content-l__sidebarmodifier classes. These classes apply different breakpoints to their child.content-l_col-RATIOclasses to suit the needs of varying-width containers.- NOTE: the default breakpoint at which all the
.content-l_col-RATIOclasses display as columns is now 600px. This change affects .content-l_col-1-3, .content-l_col-2-3, .content-l_col-3-8, and .content-l_col-5-8, which previously became columns at 768px. To restore the previous behavior, add the.content-l__fullmodifier class to the parent.content-lelement. .stack-col,.stack-col-thirds, and.stack-col-eighthsmixin/helper classes to simplify changing.content-l_col-RATIOdisplay from column to stacked.
.content-l__stack-on-colsmodifier class -- use.content-l__sidebarinstead.
- Update cf-component-demo dev dependency to 0.9.0
- Initial release.