Configuration
For Sass users, Pigeon can be customised and configured by altering core variables. These variables should be set before you import Pigeon. E.g:
$pigeon-type-size: 16px;
@import "vendor/pigeon/lib/pigeon";Available Configurations
| Name | Description | Default |
|---|---|---|
| $pigeon-type-color | The default colour for all typography | #333 |
| $pigeon-type-color-link | The colour of non-visited links | #4781ba |
| $pigeon-type-color-link-visited | The colour of visited links | #7f629c |
| $pigeon-type-color-highlight | The background colour of mark elements |
#ff9 |
| $pigeon-selection-color | The colour of selected text | $pigeon-type-color |
| $pigeon-selection-color-bg | The background colour of selected text | #ccc |
| $pigeon-type-size | The default type size. This gets set in px and rem |
17px |
| $pigeon-type-line-height | The default line height. This gets set in px and rem.This is also used for type spacing |
25px |
| $pigeon-type-size-small | The default type size for small elements.This gets set in px and rem |
14px |
| $pigeon-type-line-height-small | The default line height for small elements.This gets set in px and rem. |
25px |
| $pigeon-type-size-6 | The default type size for h6 elements.This gets set in px and rem |
19px |
| $pigeon-type-line-height-6 | The default line height for h6 elements.This gets set in px and rem. |
25px |
| $pigeon-type-size-5 | The default type size for h5 elements.This gets set in px and rem |
22px |
| $pigeon-type-line-height-5 | The default line height for h5 elements.This gets set in px and rem. |
25px |
| $pigeon-type-size-4 | The default type size for h4 elements.This gets set in px and rem |
26px |
| $pigeon-type-line-height-4 | The default line height for h4 elements.This gets set in px and rem. |
50px |
| $pigeon-type-size-3 | The default type size for h3 elements.This gets set in px and rem |
31px |
| $pigeon-type-line-height-3 | The default line height for h3 elements.This gets set in px and rem. |
50px |
| $pigeon-type-size-2 | The default type size for h2 elements.This gets set in px and rem |
37px |
| $pigeon-type-line-height-2 | The default line height for h2 elements.This gets set in px and rem. |
50px |
| $pigeon-type-size-1 | The default type size for h1 elements.This gets set in px and rem |
44px |
| $pigeon-type-line-height-1 | The default line height for h1 elements.This gets set in px and rem. |
50px |
| $pigeon-type-weight-heading | The font weight for headings | normal |
| $pigeon-type-face | The type face for non-heading typography | Arial, Helvetica, sans-serif |
| $pigeon-type-face-heading | The type face for headings | $pigeon-type-face |
| Name | Description | Default |
|---|---|---|
| $pigeon-rule-height | The height of horizontal rules | 3px |
| $pigeon-rule-color | The colour of horizontal rules | #d6d6d6 |
| $pigeon-lineup-delimiter | The delimiter to use for the lineup-is-delimited modifier |
", " |
| $pigeon-table-color | The colour to use for tables. This is used indirectly to calculate other colours |
#d6d6d6 |
| $pigeon-table-color-border | The colour to use for table borders | darken($pigeon-table-color, 10%) |
| $pigeon-table-color-header | The colour to use for table header cells | $pigeon-table-color |
| $pigeon-table-color-stripe | The colour to use for striped table rows/cols | lighten($pigeon-table-color, 10%) |
| $pigeon-rtl | Whether to include right-to-left language support | true |
