Husk

A CSS framework for designers

Support

This browser does not support Husk. Sorry!
Click here for more information
We can't tell if this browser supports Husk. Sorry!
Click here for more information
Full support on all latest major browsers

Detect & warn of an unsupported browser

You can alert the user as to whether or not their browser is supported using the show-when-husk-supported (only lets the element display when Husk is supported) and hide-when-husk-supported (only lets the element display when Husk is not supported) classes.

<ASIDE CLASS="show-when-husk-supported">
	<STRONG>Congratulations!</STRONG> Your browser is supported!
</ASIDE>
<ASIDE CLASS="hide-when-husk-supported">
	<STRONG>Warning!</STRONG> Your browser is not supported. Please upgrade to <A HREF="/husk/support">a supported browser</A>.
</ASIDE>
			

Output:

×

Supported browsers

Chrome Firefox Internet Explorer Opera Safari
12-Column Grid 26+ 28+ 10+ 15+ 6.1+
Flex.css 26+ 28+ 10+ 15+ 6.1+
Type.css 4+ 3.5+ 9+ 10+ 3.2+
HTML5 Details/Summary Shiv 14+ 4+ 10+ 11.6+ 6.1+
Sticky Elements 14+ 4+ 8+ 10+ 5+
×

Does this browser support Husk?

Let's try! If this browser supports CSS3, then the following should be highlighted properly:

Feature Support Reason
Basic CSS3 Support
Yes
No
Husk uses CSS3 in most of its features. CSS3 support is necessary to use Husk.
CSS3 @supports rule
Yes
No
Husk uses @supports to detect if this browser supports Husk features.
Basic Flexbox
Yes
No
Husk uses the CSS3 Flexbox module to position items in its grid, as well as to do everything in Flex.css. Without basic Flexbox support, Husk's main features won't work.
Flexbox Rows/Columns
Yes
No
Husk uses the CSS3 Flexbox rows and columns to position items in its grid. Without Flexbox row and column support, Husk's grid system won't work.
Flexbox Wrapping
Yes
No
Husk uses the CSS3 Flexbox wrapping to place items with a large span below others when a row is full. Without Flexbox wrapping, items will go off the viewport, making the site not responsive. This means you can still use Husk's grid if you only use all- cells, and don't care about different-sized windows.