Surface – A Material Design CSS only framework

Surface is a Material Design CSS only framework designed and developed by Ben Mildren.Surface is super lightweight – One file. 5.7kb minified and Gzipped.
Surface works back to IE10 and Safari 6.1 and it will work on the majority of Firefox, Chrome and Opera builds.

Set the variables to your liking in the _variables file. Things like the color scheme, amount of grid columns and spacing are yours to freely alter.


Once you’ve had a play with the variables, link to your CSS file from your HTML file.