Sam is an SCSS microframework generating a CSS library.

This microframework is animation oriented through @keyframes rules & CSS animation & transformation properties.

It is provided without any lines of JavaScript code ...

Does not require any production side dependency & only one development side: Normalize.css.

And a single call from the layout is necessary to operate all the features ...

Sam can make a grid with flexbox layout or grid layout!

This tool can be used without any knowledge of SCSS, Sass or Ruby, using only the CSS library.

It is built around 6 main features: display, colors, borders, shadows, animations & helpers.

And provides 3 more basic elements, navigation bar, buttons & forms.

I - Installation

1. Open a terminal, go to your web folder, and then type:

   npm install sam.scss

2. Call from your layout:

   • sam.css for dev version

   <link rel="stylesheet" href="node_modules/sam.scss/dist/sam.css">

   • sam.min.css for the prod version

   <link rel="stylesheet" href="node_modules/sam.scss/dist/sam.min.css">

   (Be careful though, this is a pre-release for the moment)