0.3.1 • Published 9 years ago
surge-css v0.3.1
Surge CSS
Simple, Responsive, Grids
Get it
Install with NPM:
npm install surge-css
Download from Gitlab:
git clone https://gitlab.com/rockerest/surge-css
Use it
Make a grid container:
<div class="surge-grid"> </div>
Put some columns in it:
<div class="surge-grid"> <div class="surge-column-1/4"> A quarter column </div> </div>
Design mobile-first, and add responsive columns:
<div class="surge-grid"> <div class="surge-column-1 surge-column-tablet-1/2 surge-column-desktop-1/4"> A responsive column </div> </div>
Customize it
- Add a vendor variable overrides file to the beginning of your sass build pipeline
Override some variables
$surge-name: "jim"; $surge-separator: "|"; $surge-column-name: "tower"; $surge-grid-name: "squares";
@import
surge-css/src/scss/surge.scss
into your sass build pipelineWrite your grids like a boss:
<div class="jim|squares"> <div class="jim|tower|1 jim|tower|tablet|1/2 jim|tower|desktop|1/4"> A responsive column </div> </div>
Find more info about it
Report a problem with it
Submit an issue at the Gitlab issue tracker