babsgosgens

#{$root-selector} {
    @include root();
}

#{$column-selector} {
	@include column-behavior();
	@include column-spacing();
}

#{$column-selector}-container {

babsgosgens

.example1 {
    @include font-weight($lato-bold);
}
.example2 {
    font-family: extract-type-weight($lato-book)
}
.example3 {
    @include font($lato-regular-italic, inherit, px-to-relative-line-height(24px);
}

babsgosgens

// Import Compass, no-game without it
@import "Compass";

// Import the settings: first the defaults and then the skin settings;
@import "framework/helpers";

// Import the settings: first the defaults and then the skin settings;
@import "framework/grid/settings";
/*Add your settings here*/

babsgosgens

// Import Compass, no-game without it
@import "Compass";

// Import the settings: first the defaults and then the skin settings;
@import "framework/helpers";

// Import the settings: first the defaults and then the skin settings;
@import "framework/settings";
/*Add your settings here*/

babsgosgens

…

* persistentgrid
    - persistentgrid/base      - A solid base for your projects. Includes the grid and base styles.
    - persistentgrid/framework - Like framework, but includes styles for common UI patterns.
    - persistentgrid/grid      - The core: a simple but flexible grid system.

…

babsgosgens

compass frameworks

babsgosgens

git submodule add https://github.com/babsgosgens/persistentgrid.git path_to_your_compass_directory/extensions/persistentgrid/

babsgosgens

@function weight-number-to-string($weight)
{
    @if $weight == 100 { @return "ultra-light"; }
	@if $weight == 200 { @return "light"; }
	@if $weight == 300 { @return "book"; }
	@if $weight == 400 { @return "regular"; }
	@if $weight == 500 { @return "medium"; }
	@if $weight == 600 { @return "semi-bold"; }
	@if $weight == 700 { @return "bold"; }
	@if $weight == 800 { @return "extra-bold"; }

babsgosgens

@function extract-type-family($type)
{
    @return nth($type, 4);
}

babsgosgens

@function extract-type-weight($type)
{
    @return nth($type, 3);
}