I think there is no need for a framework for responsive design.
Just a css with imports, and use the "mobile first" way.
@import url('typography.css?v=0.01'); /* Extra Small Devices, Phones */ @import url('s300.css?v=0.01') (min-width: 300px); /* Custom, iPhone Retina */ @import url('s480.css?v=0.01') (min-width: 480px); /* Small Devices, Tablets */ @import url('s768.css?v=0.01') (min-width: 768px); /* Medium Devices, Desktops */ @import url('s992.css?v=0.01') (min-width: 992px); /* Large Devices, Wide Screens */ @import url('s1281.css?v=0.01') (min-width: 1281px);
/* Shared*/ @import url('inkscape.css?v=0.01');
To write, or better to no write too much code we can use the "rem" unit for font size -and others- and adjust this in each s300.css, s480.css... with a line like this: html { font-size: 62.5% !important; //s300.css } changing the proportion in each css file.
Cheers, Jabier.