[Docs] Make the blueprint docs passable.
This commit is contained in:
parent
7fce371c32
commit
65ed761447
@ -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
|
||||||
|
@ -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
|
||||||
|
@ -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.
|
||||||
|
@ -10,4 +10,4 @@ classnames:
|
|||||||
---
|
---
|
||||||
- render 'reference' do
|
- render 'reference' do
|
||||||
%p
|
%p
|
||||||
Lorem ipsum dolor sit amet.
|
Styles for debugging your grid alignments
|
||||||
|
@ -10,4 +10,4 @@ classnames:
|
|||||||
---
|
---
|
||||||
- render 'reference' do
|
- render 'reference' do
|
||||||
%p
|
%p
|
||||||
Lorem ipsum dolor sit amet.
|
Fancy Typography for your website.
|
||||||
|
@ -10,4 +10,4 @@ classnames:
|
|||||||
---
|
---
|
||||||
- render 'reference' do
|
- render 'reference' do
|
||||||
%p
|
%p
|
||||||
Lorem ipsum dolor sit amet.
|
Basic form styles.
|
||||||
|
@ -10,4 +10,4 @@ classnames:
|
|||||||
---
|
---
|
||||||
- render 'reference' do
|
- render 'reference' do
|
||||||
%p
|
%p
|
||||||
Lorem ipsum dolor sit amet.
|
The blueprint grid.
|
||||||
|
@ -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.
|
||||||
|
@ -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
|
||||||
|
|
||||||
|
@ -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.
|
||||||
|
@ -10,4 +10,4 @@ classnames:
|
|||||||
---
|
---
|
||||||
- render 'reference' do
|
- render 'reference' do
|
||||||
%p
|
%p
|
||||||
Lorem ipsum dolor sit amet.
|
Some useful print styles.
|
||||||
|
@ -10,4 +10,4 @@ classnames:
|
|||||||
---
|
---
|
||||||
- render 'reference' do
|
- render 'reference' do
|
||||||
%p
|
%p
|
||||||
Lorem ipsum dolor sit amet.
|
A reset and base styling.
|
||||||
|
@ -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.
|
||||||
|
@ -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.
|
||||||
|
@ -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.
|
||||||
|
@ -10,4 +10,4 @@ classnames:
|
|||||||
---
|
---
|
||||||
- render 'reference' do
|
- render 'reference' do
|
||||||
%p
|
%p
|
||||||
Lorem ipsum dolor sit amet.
|
Some utility classes.
|
||||||
|
Loading…
Reference in New Issue
Block a user