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

Typographic 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
Other Configurations
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