Experiment with docs example layouts

This commit is contained in:
Mark Perkins
2012-06-25 12:33:12 +01:00
parent 0f5e945985
commit d4e4396753

View File

@@ -87,31 +87,34 @@ Note that this doesn't stop you doing your base `body` font size calculations/de
Generates a font-size property the font-size in ems. Generates a font-size property the font-size in ems.
```css ```css
/* .font-size-ems( <@px-size> [, <@context-px-size>] ); */ .font-size-ems( <@px-size> [, <@context-px-size>] );
p {
.font-size-ems( 12 );
}
``` ```
* `@px-size`: Font size (in pixels) to convert to ems. * `@px-size`: Font size (in pixels) to convert to ems.
* `@context-px-size`: *(Optional)* The font size (in pixels) of the current context. Defaults to the value of `@base-font-size` if not specified. * `@context-px-size`: *(Optional)* The font size (in pixels) of the current context. Defaults to the value of `@base-font-size` if not specified.
```css
p {
.font-size-ems( 12 );
}
```
### .font-size-rems ### .font-size-rems
Calculates the font-size in rems and provides a pixel based fallback for browsers that do not support rem units. Calculates the font-size in rems and provides a pixel based fallback for browsers that do not support rem units.
```css ```css
/* .font-size-rems( <@px-size> [, <@context-px-size>] ); */ .font-size-rems( <@px-size> [, <@context-px-size>] );
p {
.font-size-rems( 12 );
}
``` ```
* `@px-size`: Font size (in pixels) to convert to rems. * `@px-size`: Font size (in pixels) to convert to rems.
* `@context-px-size`: *(Optional)* The font size (in pixels) of the current context. Defaults to the value of `@base-font-size` if not specified. * `@context-px-size`: *(Optional)* The font size (in pixels) of the current context. Defaults to the value of `@base-font-size` if not specified.
```css
p {
.font-size-rems( 12 );
}
```
Grids Grids
------- -------