Version Released!

Brutalist Framework version 2 is finally here! Let's take a look at the new brutality!

New Structure
The first thing to know about version 2 is that the structure has been re-worked. Core CSS and javascript are now located in the "/core" directory. For your convenience, the entire core CSS files are available in a minified CSS file: 


Each core CSS element (ex. flavors, butch, etc.) are available as individual unminified files in the core/css/dev folder. For development, you'd only need to load this: 


Core javascript is now loaded as: 


Introducing bIcons
A new component has been added to the core! Many browsers support symbols, so we created bIcons (Brutal Icons)! This allows you to render UTF-8 symbols as an icon, using a simple markup: 
<i class="bi bi-icon-name"></i> 
How the icons are rendered depends on the browser. 

New Flavors
Some new flavors have been added:
  • Blackberry
  • Mahogany
  • Chili
  • Sangria (formerly black-cherry)
  • Sweden (color combo)
  • Sweden-gradient
  • BBQ-fire (color combo)

BFX Updates
Two new animated backgrounds have been added: neon and earth

Clipbox is no longer available, as it was not well supported and a bit difficult to work with. 

New "Rumble" Effect! 
There is a new "rumbling" effect that can be applied as a constant animation, hover effect, or on-click. 
BUTCHered Updates
Font-family classes have been shortened. The "-text" is no longer needed (but still supported). 
So, "arial-text" can now just be "arial". 

Rotation classes have been re-worked. Example: "rl25" rotates 25 degrees to the left, and "rr25" rotates 25 degrees to the right. 

Classes "paranoid" and "isolated" have been added. Paranoid adds margin to the left and right, and isolated adds margin to the to top and bottom. 

Hover classes have been added to flip: "flip-hover" = horizontal flip on hover; "flip-up-hover" = vertical flip on hover. 
Grid Updates
Additional classes have been added to the B3Grid. Additional width and height classes are now available. 

Max-width classes "container-1200" and "container-960" are now available for the Flexbox grid. These limit the container width to 1200px or 960px, respectively. 

New "Tiles" Added to B3Grid
Tiles are unordered lists (apply class "tiles") that can be evenly divided into 3 ("thirds"), 4 ("fourths"), or 5 ("fifths") items per row. By default, tiles use 50% of the width, so there would be 2 tiles per row (if thirds, fourths, or fifths classes aren't applied). To create a four-column layout with only tiles, markup would look like this: 
<ul class="tiles fourths">...list items ..</ul>  
BUIX Updates
A new "micro" thumbnail size is now available ("thumbs-micro" and "micro-thumb").

Modals Re-work
Modals are no longer CSS-only, so they now need brutalist.js and start.brutalizing.js. Markup is different, as well. There are three parts needed: modal content, modal loader, and a launch modal link. Any type of content can be loaded within a modal, including creating custom layouts using the grid. Users can click on the X in the top right corner, or anywhere outside of the modal box to close it. 

Introducing "StackSwitch"
A new dynamic automatic layer switcher is available, as a new enhancement for Stacks. StackSwitch allows you to display 1 layer at a time for 3 seconds each, on an endless loop. Any type of content can be displayed within each layer, so it could be used to present multiple images as a slideshow or pretty much anything else! 
Plugins are extensions for BF that allows for a little extra functionality and flare. All plugins require jquery. 

This plugin allows any specific area on a page (using class "printer") to be easily printable, with a custom header and footer. 

Formerly a part of BFX, this is now a standalone plugin. Make any text curvy! 

The new sticky menu you see on the new site is a megamenu plugin. It supports multiple parent / child levels, and has very simple markup (compatible with Wordpress menus).

Starting Points Update
Starting points are simple templates for getting started on your next project. Some new templates have been added, including a lead capture template and event page. We'll be adding more in future versions. 
Road Map: What's Next?
Now that version 2 is released, we're looking at putting more focus into development of Brutalist, a theme for Concrete5 CMS. This theme will use BF version 2, and will offer many configuration options and lots of flexibility in terms of layouts, blocks, and design. We're hoping for a release by Summer 2020. 

We're also looking at resuming work on a PHP version of BF, but this is low priority at this time. It will be available on Github once released. 

The next version of BF will (tentatively) have the following: 
  • More starting points (including a Product page template) 
  • Javascript-based tabs (in addition to the current CSS-only ones)
  • More plugins (TBD) 
  • Ajax content
  • Others TBD
Github Roadmap

Have you built something with our framework?
We'd like to know! Shoot us a brutal email:
Copyright © 2020 Brutalist Framework, All rights reserved.

Want to change how you receive these emails?
You can update your preferences or unsubscribe from this list


This email was sent to <<Email Address>>
why did I get this?    unsubscribe from this list    update subscription preferences
Pine Creative Labs · 123 Brutal Blvd. · Fort Wayne, IN 46815 · USA

Email Marketing Powered by Mailchimp