Skip to content
Additional MVCSS Helpers, Components, Structures, etc.
CSS
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
components Update pin component Sep 30, 2015
docs Add 'z-index' docs Jan 21, 2015
foundation Add List Reset mixin Apr 5, 2016
structures Update _collection.sass May 24, 2016
.gitignore Remove 'codekit-config.json' from .gitignore Jul 30, 2014
CHANGELOG.md Update CHANGELOG Apr 5, 2016
LICENSE
README.md Update README Feb 16, 2015

README.md

MVCSS Library

Foundation

Choose the Sass extends, functions, and mixins from /foundation to include in your MVCSS project.

Authoring Example

Extends

// ----- Extend Name ----- //

.extend
  // ...

Functions

// ----- Function Name ----- //
// -> Description
//
// $arg - the argument description

@function name($arg)
  // ...

Mixins

// ----- Mixin Name ----- //
// -> Description
//
// $arg - the argument description

=name($arg)
  // ...

Tools

// -------------------------------------
//   Tool Section Name
// -------------------------------------

.name
  // ...

Components

Choose the Sass components from /components to include in your MVCSS project.

Authoring Example

// *************************************
//
//   Component
//   -> Description
//
// -------------------------------------
//   Template (Haml)
// -------------------------------------
//
// .has-context
//
// .component[modifier](state)
//
//   .component-scaffolding
//
// *************************************

// -------------------------------------
//   Helpers
// -------------------------------------

// ...

// -------------------------------------
//   Variables
// -------------------------------------

// ----- Colors ----- //

// ... (with the !default flag)

// ----- Sizing ----- //

// ... (with the !default flag)

// -------------------------------------
//   Base
// -------------------------------------

.component
  // ...

// -------------------------------------
//   Modifiers
// -------------------------------------

// ----- Modifier Name ----- //

.component--modifier
  // ...

// -------------------------------------
//   Scaffolding
// -------------------------------------

// ----- Scaffolding Name ----- //

.component-scaffolding
  // ...

Structures

Choose the Sass structures from /structures to include in your MVCSS project.

Authoring Example

// *************************************
//
//   Structure
//   -> Description
//
// -------------------------------------
//   Dependencies
// -------------------------------------
//
//   - components/grid
//
// -------------------------------------
//   Template (Haml)
// -------------------------------------
//
// .has-context
//
// .structure[modifier](state)
//
//   .structure-scaffolding
//
// *************************************

// -------------------------------------
//   Helpers
// -------------------------------------

// ...

// -------------------------------------
//   Variables
// -------------------------------------

// ----- Colors ----- //

// ... (with the !default flag)

// ----- Sizing ----- //

// ... (with the !default flag)

// -------------------------------------
//   Base
// -------------------------------------

.component
  // ...

// -------------------------------------
//   Modifiers
// -------------------------------------

// ----- Modifier Name ----- //

.component--modifier
  // ...

// -------------------------------------
//   Scaffolding
// -------------------------------------

// ----- Scaffolding Name ----- //

.structure-scaffolding
  // ...

Documentation

The documentation, for anything that requires more full documentation than the source file, is included in /docs.

Contributing

We use Semantic Versioning for all versioning. When you make a Major, Minor, or Patch update, you'll need to the do the following:

  • Update the CHANGELOG.md file
  • Add the new tag locally
  • Push the tag (along with your commit(s))
You can’t perform that action at this time.