1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205
|
---
title: Plugins and frameworks
crumb: Plugins and frameworks
---
%h3
Adding Frameworks to Compass
%ul
%li
Add a folder under
%code
compass/frameworks
%li
Register it by creating a file in
%code
compass/lib/compass/frameworks/
%li
Require it in
%code
compass/lib/compass/frameworks.rb
\.
%h3
Supported Frameworks
%table.datagrid
%tr
%th Framework
%th Version
%th Status
%th Homepage
%th Documentation
%tr
%td Compass Core
%td 0.10
%td pre5
%td
%a
http://compass-style.org
%td
You are currently viewing the Compass docs.
%tr
%td Blueprint
%td 0.8.0
%td Stable
%td
%a
http://blueprintcss.org/
%td
%a{:href => "/reference/blueprint/"}
Blueprint docs
%tr
%td YUI
%td 2.5.2
%td Beta
%td
%a
http://developer.yahoo.com/yui/grids/
%td
%a{:href => "http://wiki.github.com/chriseppstein/yui-compass-plugin/"}
YUI docs
%tr
%td 960
%td 1.0
%td Stable
%td
%a
http://960.gs/
%td
%a{:href => "http://github.com/chriseppstein/compass-960-plugin"}
Compass960 plugin on Github
%h3
Compass plugins
%p
Compass allows you to easily download, install, and upgrade plugins that share design and design elements between users and projects.
%p
For instructions on how to install a plugin, please refer to the individual plugin's instructions.
%h3 Released Plugins
%h4 Frameworks
%ul
%li
%a{ :href => "http://github.com/chriseppstein/compass-960-plugin" }
960.gs
– a lightweight CSS framework for producing fixed-width grid-based layouts
%li
%a{ :href => "http://github.com/adamstac/grid-coordinates" }
Grid Coordinates
– a lightweight CSS framework for producing fixed-width grid-based layouts, based on
%a{ :href => "http://1kbgrid.com/" }
1KB CSS Grid
(which was loosely based on 960.gs). Supports nested grids.
%li
%a{ :href => "http://github.com/alexcabrera/graphpaper" }
GraphPaper
– a lightweight CSS framework for producing fixed-width grid-based layouts
%li
%a{ :href => "http://github.com/tdreyno/compass-baseline" }
Baseline
– a CSS framework for producing grid-based layouts (up to 8 columns) with typography. See
%a{ :href => "http://baselinecss.com/" }
http://baselinecss.com/
%li
%a{ :href => "http://github.com/bangpound/compass-drupal-zen-plugin" }
Drupal Zen
– adds the Drupal Zen theme STARTERKIT to Compass
%li
%a{ :href => "http://github.com/ericam/compass-susy-plugin" }
Susy
– a semantic CSS framework creator. Susy is an expert at fluid grids in an elastic (or fluid, or fixed) shell that will never activate the horizontal scroll bar.
%h3
Colors
%ul
%li
%a{ :href => "http://github.com/chriseppstein/compass-colors" }
Compass Colors
– for working with colors in Sass, and generating color themes
%h3
Widgets
%ul
%li
%a{ :href => "http://github.com/imathis/fancy-buttons" }
Fancy Buttons
–
%a{ :href => "http://sass-lang.com/tutorial.html#mixins" }
mixins
to get beautiful buttons with
%span.caps
CSS
gradients that degrade nicely. Uses Compass Colors.
%h3
Misc
%ul
%li
%a{ :href => "http://github.com/tdreyno/compass-slickmap" }
Slickmap
– plugin for
%a{ :href => "http://astuteo.com/slickmap/" }
slickmap
sitemaps
%h3
Sass Libraries
%p
Libraries are simply Sass stylesheets or
%a{ :href => "http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#partials" }
partials
\.
%ul
%li
%a{ :href => "http://github.com/handcrafted/handcrafted-compass-mixins/blob/master/_border-radius.scss" }
Handcrafted Rounded Corners
%li
%a{ :href => "http://github.com/ntreadway/JQuery.tools.tabs.scss" }
Ntreadway JQuery tools tabs
%h3
Plugins that are Works-In-Progress
%ul
%li
%a{ :href => "http://github.com/hpoydar/compass-aristo-plugin" }
Aristo
%li
%a{ :href => "http://github.com/marnen/compass-elastic-plugin" }
Elastic
%li
%a{ :href => "http://github.com/jtoy/compass-fluid960-plugin" }
Fluid 960
%li
%a{ :href => "http://github.com/kosmas58/compass-jquery-plugin" }
jQuery
%li
%a{ :href => "http://github.com/djmaze/compass-yaml-plugin" }
%span.caps
YAML
%h3
Other Sass-based Projects
%ul
%li
%a{ :href => "http://github.com/jazen/css" }
Jazen’s
%span.caps
CSS
Framework
– Sass library that
%em
should
be a compass plugin.
%li
%a{ :href => "http://github.com/teejayvanslyke/sassafras" }
Sassafras
– Color Scheme Generator for Sass
%li
%a{ :href => "http://github.com/danboy/tenplate" }
Tenplate
– Another Sass library with rails helpers.
|