config/locales/en.yml in style-guide-0.6.0 vs config/locales/en.yml in style-guide-0.6.1
- old
+ new
@@ -1,62 +1,60 @@
en:
style_guide:
buttons:
disabled_anchor: >
- Make <code><a></code> buttons look unclickable by adding
- the <code>.disabled</code> class
+ Make `<a>` buttons look unclickable by adding
+ the `.disabled` class
disabled_element: >
- Make <code><button></code> buttons look unclickable by adding
- the <code>.disabled</code> class
+ Make `<button>` buttons look unclickable by adding
+ the `.disabled` class
sizes: >
Fancy larger or smaller buttons?
- Add <code>.btn-large</code>, <code>.btn-small</code>, or
- <code>.btn-mini</code> for additional sizes.
+ Add `.btn-large`, `.btn-small`, or
+ `.btn-mini` for additional sizes.
types: >
Need different buttons for different occasions? Add some class!
forms:
# controls
controls_checkbox_and_radio: >
Checkboxes are for selecting one or several options in a list while
radios are for selecting one option from many.
- Add the <code>.inline</code> class to a series of checkboxes or radios
+ Add the `.inline` class to a series of checkboxes or radios
for controls to appear on the same line.
controls_input: >
Most common form control, text-based input fields.
Includes support for all HTML5 types:
text, password, datetime, datetime-local, date, month, time, week,
number, email, url, search, tel, and color.
- Requires the use of a specified <code>type</code> at all times.
+ Requires the use of a specified `type` at all times.
controls_select: >
- Use the default option or specify a <code>multiple="multiple"</code>
+ Use the default option or specify a `multiple="multiple"`
to show multiple options at once.
controls_textarea: >
Form control which supports multiple lines of text.
- Change <code>rows</code> attribute as necessary.
+ Change the `rows` attribute as necessary.
# layouts
default_styles: >
Individual form controls receive styling, but without any required base
- class on the <code><form></code> or large changes in markup.
+ class on the `<form>` or large changes in markup.
Results in stacked, left-aligned labels on top of form controls.
horizontal: >
Right align labels and float them to the left to make them appear on
the same line as controls.
Requires the most markup changes from a default form:
- <ul>
- <li>Add <code>.form-horizontal</code> to the form</li>
- <li>Wrap labels and controls in <code>.control-group</code></li>
- <li>Add <code>.control-label</code> to the label</li>
- <li>Wrap any associated controls in <code>.controls</code> for proper alignment</li>
- </ul>
+ * Add `.form-horizontal` to the form
+ * Wrap labels and controls in `.control-group`
+ * Add `.control-label` to the label
+ * Wrap any associated controls in `.controls` for proper alignment
inline: >
- Add <code>.form-inline</code> for left-aligned labels and inline-block
+ Add `.form-inline` for left-aligned labels and inline-block
controls for a compact layout.
search: >
- Add <code>.form-search</code> to the form and <code>.search-query</code>
- to the <code><input></code> for an extra-rounded text input.
+ Add `.form-search` to the form and `.search-query`
+ to the `<input>` for an extra-rounded text input.
images:
dropdown_icons: Dropdown in a button group.
form_fields: Icons in a form field.
icon_buttons: Button group in a button toolbar.
@@ -64,46 +62,46 @@
placeholders: Default shapes for placeholder images.
navigation: Icons inside of navigation lists.
tables:
default_style: >
- For basic styling—light padding and only horizontal
- dividers—add the base class <code>.table</code> to
- any <code><table></code>.
+ For basic styling – light padding and only horizontal
+ dividers – add the base class `.table` to
+ any `<table>`.
striped: >
- <code>.table-striped</code>
+ `.table-striped`
adds zebra-striping to any table row within the
- <code><tbody></code> via the <code>:nth-child</code> CSS selector
+ `<tbody>` via the `:nth-child` CSS selector
(not available in IE7-IE8).
bordered: >
- <code>.table-bordered</code>
+ `.table-bordered`
adds borders and rounded corners to the table.
hover: >
- <code>.table-hover</code>
- enables a hover state on table rows within a <code><tbody></code>.
+ `.table-hover`
+ enables a hover state on table rows within a `<tbody>`.
condensed: >
- <code>.table-condensed</code>
+ `.table-condensed`
makes tables more compact by cutting cell padding in half.
row_classes: >
Use contextual classes to color table rows.
typography:
body_copy: >
- Bootstrap's global default <code>font-size</code> is
- <strong>14px</strong>, with a <code>line-height</code> of
- <strong>20px</strong>. This is applied to the <code><body></code>
- and all paragraphs. In addition, <code><p></code> (paragraphs)
+ Bootstrap's global default `font-size` is
+ <strong>14px</strong>, with a `line-height` of
+ <strong>20px</strong>. This is applied to the `<body>`
+ and all paragraphs. In addition, `<p>` (paragraphs)
receive a bottom margin of half their line-height (10px by default).
- Make a paragraph stand out by adding <code>.lead</code>.
+ Make a paragraph stand out by adding `.lead`.
headings: >
- All HTML headings, <code><h1></code> through
- <code><h6></code> are available.
+ All HTML headings, `<h1>` through
+ `<h6>` are available.
code_inline: >
- Use <code><code></code> for inline snippets of code.
+ Use `<code>` for inline snippets of code.
code_blocks: >
- Use <code><pre></code> for multiple lines of code.
+ Use `<pre>` for multiple lines of code.
Be sure to escape any angle brackets in the code for proper rendering.
images_placeholders: >
- Add classes to an <code><img></code> element to easily
+ Add classes to an `<img>` element to easily
style images in any project.