[Docs] Make the blueprint docs passable.

This commit is contained in:
Chris Eppstein 2010-05-05 00:39:58 -07:00
parent 7fce371c32
commit 65ed761447
16 changed files with 49 additions and 18 deletions

View File

@ -11,8 +11,33 @@ meta_description: The Blueprint Framework -- ported to Sass.
--- ---
- render 'reference' do - render 'reference' do
%p :markdown
The blueprint module is a simple way of importing all of the most The blueprint module is a simple way of importing all of the most
commonly used blueprint modules. In addition, it provides commonly used blueprint modules. In addition, it provides
a single mixin, <code class="mixin">+blueprint</code>, that a single mixin, <code class="mixin">+blueprint</code>, that
can be used to generate the blueprint css styles. can be used to generate the blueprint css styles.
### Installing
To create a project using blueprint:
compass create my_project --using blueprint
To add blueprint to an existing compass project:
compass install blueprint
To add blueprint and compass to a Rails project:
compass init rails --using blueprint
### Alternate Project Layouts
For any of the above commands you could have also selected
the `blueprint/basic` or `blueprint/semantic`. The basic
template assumes that you'll be starting using conventional
blueprint styling techniques while the semantic template
assumes that you'll be using mixins and inheritance to style
your site. Example:
compass create my_project --using blueprint/semantic

View File

@ -9,5 +9,7 @@ classnames:
- blueprint - blueprint
--- ---
- render 'reference' do - render 'reference' do
%p :markdown
Lorem ipsum dolor sit amet. Install the buttons module with:
compass install blueprint/buttons

View File

@ -10,4 +10,4 @@ classnames:
--- ---
- render 'reference' do - render 'reference' do
%p %p
Lorem ipsum dolor sit amet. Color constants that you can refer to and preset.

View File

@ -10,4 +10,4 @@ classnames:
--- ---
- render 'reference' do - render 'reference' do
%p %p
Lorem ipsum dolor sit amet. Styles for debugging your grid alignments

View File

@ -10,4 +10,4 @@ classnames:
--- ---
- render 'reference' do - render 'reference' do
%p %p
Lorem ipsum dolor sit amet. Fancy Typography for your website.

View File

@ -10,4 +10,4 @@ classnames:
--- ---
- render 'reference' do - render 'reference' do
%p %p
Lorem ipsum dolor sit amet. Basic form styles.

View File

@ -10,4 +10,4 @@ classnames:
--- ---
- render 'reference' do - render 'reference' do
%p %p
Lorem ipsum dolor sit amet. The blueprint grid.

View File

@ -10,4 +10,4 @@ classnames:
--- ---
- render 'reference' do - render 'reference' do
%p %p
Lorem ipsum dolor sit amet. Some classes that are used in common website interactions.

View File

@ -9,5 +9,8 @@ classnames:
- blueprint - blueprint
--- ---
- render 'reference' do - render 'reference' do
%p :markdown
Lorem ipsum dolor sit amet. Install this plugin to get the assets and an example stylesheet:
compass install blueprint/buttons

View File

@ -10,4 +10,4 @@ classnames:
--- ---
- render 'reference' do - render 'reference' do
%p %p
Lorem ipsum dolor sit amet. Import this to have a liquid grid.

View File

@ -10,4 +10,4 @@ classnames:
--- ---
- render 'reference' do - render 'reference' do
%p %p
Lorem ipsum dolor sit amet. Some useful print styles.

View File

@ -10,4 +10,4 @@ classnames:
--- ---
- render 'reference' do - render 'reference' do
%p %p
Lorem ipsum dolor sit amet. A reset and base styling.

View File

@ -10,4 +10,4 @@ classnames:
--- ---
- render 'reference' do - render 'reference' do
%p %p
Lorem ipsum dolor sit amet. For grids with use in right-to-left languages.

View File

@ -10,4 +10,5 @@ classnames:
--- ---
- render 'reference' do - render 'reference' do
%p %p
Lorem ipsum dolor sit amet. Training wheels... So that your site doesn't look too bad
when you're starting out.

View File

@ -10,4 +10,4 @@ classnames:
--- ---
- render 'reference' do - render 'reference' do
%p %p
Lorem ipsum dolor sit amet. A base typography for your website that follows a typographic rhythm.

View File

@ -10,4 +10,4 @@ classnames:
--- ---
- render 'reference' do - render 'reference' do
%p %p
Lorem ipsum dolor sit amet. Some utility classes.