Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
YAML (Yet Another Multicolumn Layout) is a modular CSS framework for truly flexible, accessible and responsive websites. It is based on Sass and has a very slim framework core that weights only ~6kB.
CSS JavaScript Ruby
Branch: master

Readme.md

YAML CSS Framework

YAML (Yet Another Multicolumn Layout) is a modular CSS framework for truly flexible, accessible and responsive websites. YAML is focussed on device independent screen design and provides bullet-proof modules for flexible layouts. This is a perfect starting point and the key to truly responsive design.

Quick Start

Using the CSS port

Download the project and take a look at the provided examples in the demos/ folder.

Using the Sass Port

You need to have Ruby, Sass and Compass installed.

  • compass compile starts a single compass run to compile sass/scss files to CSS.
  • compass watch starts the compass watcher that recompiles your sass/scss files on every change.

Folder Structure

The Sass port is built in a way that allows you to create a fully customized version of YAML's framework files.

  • ./sass/css/ (for your Sass projects)
  • ./sass/docs/assets/css/ (YAML Docs CSS - built with Sass)
  • ./sass/static-build/ (file wrapper for YAML builds, can be deleted if don't want to compile static YAML builds)
  • ./sass/yaml-sass/ (Sass port of YAML CSS Framework)

Please keep in mind, that the /yaml-sass/ folder also contains several JavaScript files that are needed to create a complete YAML build.

Create Custom YAML Builds

You need to have Node.js, Grunt-CLI, Ruby, Sass and Compass installed. Run npm install once in the root directory of this project to resolve and install all Grunt dependencies.

The following tasks are provided:

  • grunt starts a single compass run to compile sass/scss files to CSS.
  • grunt watch starts the compass watcher that recompiles your sass/scss files on every change.
  • grunt build compiles and optimizes all static YAML4 CSS files for release/production.
  • grunt build-utf8 same functionality like grunt build but doesn't remove @charset "utf8" rule from CSS files

Docs

Download or clone this project and open file docs/index.html in your browser.

Licenses

YAML under Creative Commons License (CC-BY 2.0)

The YAML framework is published under the Creative Commons Attribution 2.0 License (CC-BY 2.0), which permits both private and commercial use.

Condition: For the free use of the YAML framework, a backlink to the YAML homepage (http://www.yaml.de) in a suitable place (e.g.: footer of the website or in the imprint) is required.

In general it would be nice to get a short note when new YAML-based projects are released. If you are highly pleased with YAML, perhaps you would like to take a look at my Amazon wish list?

YAML under Commercial Distribution License (YAML-CDL)

If you are a commercial software developer and you want to release your software under a license that doesn't fit to the Creative Commons Attribution 2.0 License, you may purchase a commercial license. We offer the following commercial license models:

  • Project Related License
  • General License
  • OEM License

Full license texts and contact information are available at: http://www.yaml.de/license.html

Something went wrong with that request. Please try again.