Skip to content
A Gulp, Sass, and HTML/CSS/JS kit for designing in the browser.
CSS JavaScript HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
app
.gitignore
README.md
gulpfile.js
package.json

README.md

Pelican

Pelican is a library of components for prototyping designs in the browser. It has a modularized Sass implementation of Skeleton with tiny additional CSS modules.

All modules share Sass variables and are compiled into an 56kb unminified CSS file called pelican.css .

Pelican uses Gulp to compile Sass and inject changes live into the browser.

Installation/Usage:

Run Pelican, do these:

Step 1: Clone this entire repo

$ git clone https://github.com/whaleen/pelican.git

Step 2: Move into the directory containing Pelican

$ cd pelican

Step 3: Install dependencies

$ npm install

Step 4: Run Pelican

$ npm start

Use cases:

  1. Designing with Sass in the browser.
  2. Creating a Responsive Design
  3. Using Gulp
  4. All of the above
/scss
    /pelican.scss   # imports base scss and module css files
    /base
         /_base-styles
         /_functions.scss
         /_normalize.scss
         /_variables.scss   #  variables affecting all scss
    /modules
         /

People who understand how to work with Skeleton will understand how to work inside of Pelican. Though the original Skeleton CSS file has been separated into Sass modules, the CSS output remains the same. In other words your class names will still work if you run your Skeleton site on Pelican. Other CSS modules have been added that were previously not a part of Skeleton.

You can’t perform that action at this time.