and elements
- ========================================================================== */
-code,
-pre {
- padding: 0 3px 2px;
- font-family: Menlo, Monaco, "Courier New", monospace;
- font-size: 13px;
- font-size: 0.65rem;
- color: #d14;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- -o-border-radius: 3px;
- border-radius: 3px;
- tab-size: 3;
-}
-
-code {
- padding: 2px 4px;
- color: #d14;
- background-color: #fbefc0;
-}
-
-pre {
- display: block;
- padding: 13.5px;
- margin: 0 0 14px;
- line-height: 1.4;
- color: #222;
- background-color: #f7f7f9;
- border: 1px solid #ccc;
- border: 1px solid rgba(0, 0, 0, 0.15);
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- -o-border-radius: 4px;
- border-radius: 4px;
- white-space: pre;
- white-space: pre-wrap;
- word-break: break-all;
- word-wrap: break-word;
-}
-pre.prettyprint {
- margin-bottom: 28px;
-}
-pre code {
- padding: 0;
- color: #222;
- background-color: #f7f7f9;
- border: 0;
-}
-
-.pre--scrollable {
- max-height: 340px;
- overflow-y: scroll;
-}
-
-.btn, .tabs a {
- display: inline-block;
- /* [1] */
- vertical-align: middle;
- /* [2] */
- white-space: nowrap;
- /* [3] */
- font-family: inherit;
- /* [4] */
- font-size: 100%;
- /* [4] */
- cursor: pointer;
- /* [5] */
- border: none;
- /* [6] */
- margin: 0;
- /* [6] */
- padding-top: 0;
- /* [6] */
- padding-bottom: 0;
- /* [6] */
- line-height: 2.5;
- /* [7] */
- height: 2.5em;
- /* [7] */
- padding-right: 1.5em;
- /* [7] */
- padding-left: 1.5em;
- /* [7] */
- overflow: visible;
- /* [8] */
- text-align: center;
- background-color: #fff;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- -o-border-radius: 4px;
- border-radius: 4px;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.05);
- -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.05);
- -o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.05);
- box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.05);
-}
-.btn, .tabs a, .btn:hover, .tabs a:hover, .btn:active, .tabs a:active, .btn:focus, .tabs a:focus, .btn:visited, .tabs a:visited {
- text-decoration: none;
-}
-.btn:active, .tabs a:active, .btn:focus, .tabs a:focus {
- outline: none;
- box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
-}
-.btn.disabled, .tabs a.disabled, .btn[disabled], .tabs a[disabled] {
- cursor: default;
- background-image: none;
- zoom: 1;
- filter: alpha(opacity=65);
- opacity: 0.65;
- -webkit-box-shadow: none;
- -moz-box-shadow: none;
- -o-box-shadow: none;
- box-shadow: none;
-}
-
-.btn--large {
- font-size: 23px;
- font-size: 1.15rem;
- line-height: 3;
- height: 3em;
- padding-right: 2em;
- padding-left: 2em;
- -webkit-border-radius: 6px;
- -moz-border-radius: 6px;
- -o-border-radius: 6px;
- border-radius: 6px;
-}
-
-.btn--small {
- font-size: 13px;
- font-size: 0.65rem;
- line-height: 1.5;
- height: 1.5em;
- padding-right: 0.75em;
- padding-left: 0.75em;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- -o-border-radius: 3px;
- border-radius: 3px;
-}
-
-.btn--pill {
- padding-left: 1.5em;
- padding-right: 1.5em;
- -webkit-border-radius: 100em;
- -moz-border-radius: 100em;
- -o-border-radius: 100em;
- border-radius: 100em;
-}
-
-.btn--block {
- display: block;
- width: 100%;
- padding-left: 0;
- padding-right: 0;
-}
-
-.btn--block + .btn--block {
- margin-top: 10px;
-}
-
-input[type="submit"].btn--block,
-input[type="reset"].btn--block,
-input[type="button"].btn--block {
- width: 100%;
-}
-
-.btn--natural {
- vertical-align: baseline;
- font-size: inherit;
- line-height: inherit;
- height: auto;
- padding-right: 0.5em;
- padding-left: 0.5em;
-}
-
-.btn--primary {
- background-color: #3498db;
- color: #fff !important;
- text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
-}
-.btn--primary:hover {
- background-color: #2c3e50;
-}
-
-.btn--link,
-.btn--link:active,
-.btn--link[disabled] {
- background-color: transparent;
- background-image: none;
- -webkit-box-shadow: none;
- -moz-box-shadow: none;
- -o-box-shadow: none;
- box-shadow: none;
-}
-
-.btn--link {
- border-color: transparent;
- cursor: pointer;
- color: #3498db;
- -webkit-border-radius: 0;
- -moz-border-radius: 0;
- -o-border-radius: 0;
- border-radius: 0;
-}
-
-.btn--link:hover,
-.btn--link:focus {
- color: #196090;
- text-decoration: underline;
- background-color: transparent;
-}
-
-.btn--link[disabled]:hover,
-.btn--link[disabled]:focus {
- color: #333;
- text-decoration: none;
-}
-
-/*
- Close Button: for lightboxes etc
- ========================================================================== */
-.btn-close {
- position: absolute;
- right: 20px;
- top: 20px;
- display: block;
- height: 20px;
- width: 20px;
- line-height: 17px;
- background: #000;
- color: #3498db;
- text-align: center;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- -o-border-radius: 5px;
- border-radius: 5px;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
-}
-.btn-close:hover {
- color: #fff;
- -webkit-border-radius: 50px;
- -moz-border-radius: 50px;
- -o-border-radius: 50px;
- border-radius: 50px;
-}
-
-/*
- Embedded content
- ========================================================================== */
-img {
- font-style: italic;
- color: #c00;
- border: 0;
- -ms-interpolation-mode: bicubic;
-}
-img.img--left {
- margin: 0 20px 0 0;
-}
-img.img--right {
- margin: 0 0 0 20px;
-}
-
-svg:not(:root) {
- overflow: hidden;
-}
-
-img, object, embed, video {
- max-width: 100%;
-}
-
-/*
- Centred lists
-
-
- ========================================================================== */
-.l-list--centred, .l-list--centered {
- text-align: center;
-}
-.l-list--centred li, .l-list--centered li {
- display: inline;
-}
-
-/*
- Floated lists
-
-
- ========================================================================== */
-.l-list--floated {
- zoom: 1;
-}
-.l-list--floated:before, .l-list--floated:after {
- display: table;
- content: " ";
-}
-.l-list--floated:after {
- clear: both;
-}
-.l-list--floated li {
- float: left;
- display: inline-block;
-}
-
-/*
- Wells
-
- Use the well as a simple effect on an element to give it an inset effect
-
- ========================================================================== */
-.well {
- min-height: 20px;
- padding: 19px;
- margin-bottom: 20px;
- background-color: #f5f5f5;
- border: 1px solid #eee;
- border: 1px solid rgba(0, 0, 0, 0.05);
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- -o-border-radius: 4px;
- border-radius: 4px;
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
- -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
- -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
-}
-
-.well--large {
- padding: 24px;
- -webkit-border-radius: 6px;
- -moz-border-radius: 6px;
- -o-border-radius: 6px;
- border-radius: 6px;
-}
-
-.well--small {
- padding: 9px;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- -o-border-radius: 3px;
- border-radius: 3px;
-}
-
-/*
- Tabs
-
- * Usage:
-
-
-
-
- -
- Tab 1 content
-
-
- -
- Tab 2 content
-
-
- ========================================================================== */
-.tabs {
- zoom: 1;
- margin-bottom: 28px;
- border-bottom: 2px solid #1abc9c;
-}
-.tabs:before, .tabs:after {
- display: table;
- content: " ";
-}
-.tabs:after {
- clear: both;
-}
-.tabs.tabs--alignRight li {
- float: right;
-}
-.tabs.tabs--alignCentre, .tabs.tabs--alignCenter {
- text-align: center;
-}
-.tabs.tabs--alignCentre > li, .tabs.tabs--alignCenter > li {
- display: inline;
- float: none;
-}
-.tabs > li {
- float: left;
- margin: 0 5px;
-}
-.tabs a {
- background-color: #95a5a6;
- -webkit-border-radius: 4px 4px 0 0;
- -moz-border-radius: 4px 4px 0 0;
- -o-border-radius: 4px 4px 0 0;
- border-radius: 4px 4px 0 0;
- color: #fff;
-}
-.tabs a.is-active {
- background-color: #1abc9c;
-}
-
-.l-tabsContent > li {
- display: none;
-}
-.l-tabsContent > li.is-active {
- display: block;
-}
-
-/*
- Media Object
-
- * Place any image- and text-like content side-by-side, as per:
- * stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code
- *
- ** Image is optional **
- *
- * Markup:
- *
-
- ========================================================================== */
-.media {
- display: block;
- padding: 20px 0;
-}
-
-/*
- Add image to left or right
- ========================================================================== */
-.media-img {
- margin-right: 28px;
-}
-
-/**
- * Reversed image location (right instead of left).
- */
-.media-img--rev {
- float: right;
- margin-left: 28px;
-}
-
-.media-img img,
-.media-img--rev img {
- display: block;
-}
-
-.media-body {
- overflow: hidden;
-}
-
-.media-body,
-.media-body > :last-child {
- margin-bottom: 0;
-}
-
-@media screen and (min-width: 25em) {
- .media {
- padding: 35px 0;
- }
-
- .media--zeroTopPad {
- padding-top: 0;
- }
-
- .media-img {
- float: left;
- }
-}
-/*
- Media Object
-
- * Place any image- and text-like content side-by-side, as per:
- * stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code
- * E.g.:
- *
-
- ========================================================================== */
-.media {
- display: block;
-}
-
-.media-img {
- float: left;
- margin-right: 28px;
-}
-
-/**
- * Reversed image location (right instead of left).
- */
-.media-img--rev {
- float: right;
- margin-left: 28px;
-}
-
-.media-img img,
-.media-img--rev img {
- display: block;
-}
-
-.media-body {
- overflow: hidden;
-}
-
-.media-body,
-.media-body > :last-child {
- margin-bottom: 0;
-}
-
-/**
- * Consider moving images and floats so only wide viewports see them
- */
-/*
- Fluid width video
- * 16:9 aspect ratio by default
- * Usage:
- *
-
-
- ========================================================================== */
-.l-blockGrid {
- display: block;
- list-style-type: none;
- zoom: 1;
-}
-.l-blockGrid:before, .l-blockGrid:after {
- display: table;
- content: " ";
-}
-.l-blockGrid:after {
- clear: both;
-}
-.l-blockGrid li {
- display: block;
- height: auto;
-}
-
-@media screen and (min-width: 48em) {
- .l-blockGrid li {
- display: block;
- height: auto;
- float: left;
- }
- .l-blockGrid.l-blockGrid--twoUp {
- margin-left: -4%;
- }
- .l-blockGrid.l-blockGrid--twoUp li {
- margin-left: 4%;
- width: 46%;
- margin-bottom: 4%;
- }
- .l-blockGrid.l-blockGrid--threeUp {
- margin-left: -2%;
- }
- .l-blockGrid.l-blockGrid--threeUp li {
- margin-left: 2%;
- width: 31.3%;
- margin-bottom: 2%;
- }
- .l-blockGrid.l-blockGrid--fourUp {
- margin-left: -2%;
- }
- .l-blockGrid.l-blockGrid--fourUp li {
- margin-left: 2%;
- width: 23%;
- margin-bottom: 2%;
- }
- .l-blockGrid.l-blockGrid--fiveUp {
- margin-left: -1.5%;
- }
- .l-blockGrid.l-blockGrid--fiveUp li {
- margin-left: 1.5%;
- width: 18.5%;
- margin-bottom: 1.5%;
- }
-}
-/* ==========================================================================
- The Choreographic Grid
- * Grid setup
- * Grid helpers/mixins
- * Default grid styles
- * Media queries
- * Centred columns
- ========================================================================== */
-/*
- Basic Usage:
-
- ========================================================================== */
-/*
- Import Grid helpers and mixins
- ========================================================================== */
-/* ==========================================================================
- Choreographic Grid helpers
- ========================================================================== */
-/*
- Grid Setup Defaults
- * Choose your grid options.
- ** THESE WILL BE OVERRIDDEN BY THE SETTINGS IN _variables.scss **
- ========================================================================== */
-/* Setup grid defaults */
-/* Column Padding */
-/*
- Grid column mixin
- ========================================================================== */
-/*
- Grid columns width calcs
- ========================================================================== */
-/*
- Column width mixin
- ========================================================================== */
-/*
- Gutter calcs
- * Default: percent
- * Usage: gutterCalc() or gutterCalc(false)
- ========================================================================== */
-/*
- Column padding (gutter)
- * Default: percent (can be pixels though)
- * Usage: paddingCalc() or paddingCalc(px)
- ========================================================================== */
-/*
- Shunts, offset columns, column source order calculations
- ========================================================================== */
-/* ==========================================================================
- Default grid styles
- ========================================================================== */
-.g-container {
- padding-left: 40px;
- padding-right: 40px;
- width: 95%;
- max-width: 1000px;
- margin: 0 auto;
-}
-.lt-ie9 .g-container {
- min-width: 1000px;
-}
-
-.g-row {
- width: 100%;
- margin: 0 auto;
- zoom: 1;
-}
-.g-row:before, .g-row:after {
- content: " ";
- display: table;
-}
-.g-row:after {
- clear: both;
-}
-.g-row .g-row {
- min-width: 0;
-}
-.g-row .g-row .g-col {
- padding: 0;
-}
-
-/* ==========================================================================
- Media queries
- ========================================================================== */
-@media screen and (min-width: 48em) {
- .g-col {
- margin-left: 2.17391304%;
- float: left;
- min-height: 1px;
- position: relative;
- clear: none;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- -ms-box-sizing: border-box;
- box-sizing: border-box;
- }
- .g-col:first-child {
- margin-left: 0;
- }
- .g-col + .g-col:last-child {
- float: right;
- }
- .g-col + .g-col.end {
- float: left;
- }
-
- .g-span1, .g-mq-alpha-resize-to1 {
- width: 6.34057971%;
- }
-
- .g-span2, .g-mq-alpha-resize-to2 {
- width: 14.85507246%;
- }
-
- .g-span3, .g-mq-alpha-resize-to3 {
- width: 23.36956522%;
- }
-
- .g-span4, .g-mq-alpha-resize-to4 {
- width: 31.88405797%;
- }
-
- .g-span5, .g-mq-alpha-resize-to5 {
- width: 40.39855072%;
- }
-
- .g-span6, .g-mq-alpha-resize-to6 {
- width: 48.91304348%;
- }
-
- .g-span7, .g-mq-alpha-resize-to7 {
- width: 57.42753623%;
- }
-
- .g-span8, .g-mq-alpha-resize-to8 {
- width: 65.94202899%;
- }
-
- .g-span9, .g-mq-alpha-resize-to9 {
- width: 74.45652174%;
- }
-
- .g-span10, .g-mq-alpha-resize-to10 {
- width: 82.97101449%;
- }
-
- .g-span11, .g-mq-alpha-resize-to11 {
- width: 91.48550725%;
- }
-
- .g-span12, .g-mq-alpha-resize-to12 {
- width: 100%;
- }
-
- .g-split .g-col, .g-shunt {
- float: none;
- margin-left: 0;
- min-height: 1px;
- position: relative;
- width: 100%;
- clear: both;
- }
-}
-@media screen and (min-width: 62em) {
- .g-mq-beta-end {
- float: right;
- }
-
- .g-mq-beta-end {
- float: left;
- }
-}
-/*
- Centred columns
- ========================================================================== */
-.g-centered.g-col, .g-centred.g-col {
- float: none;
- margin: 0 auto;
-}
-
-/* ==========================================================================
- Global app/site styles
- ========================================================================== */
-body {
- background-color: #f1f1f1;
-}
-
-/* ==========================================================================
- Media queries for responsive design
- ========================================================================== */
-/*
- Retina media query
- ========================================================================== */
-/* ==========================================================================
- Utilities
- Non-semantic helper classes
- ========================================================================== */
-/**
- * Clearfix
- * See mixins/_utility.scss for a mixin version of this
- */
-.clearfix {
- zoom: 1;
-}
-.clearfix:before, .clearfix:after {
- display: table;
- content: " ";
-}
-.clearfix:after {
- clear: both;
-}
-
-.ir {
- background-color: transparent;
- background-repeat: no-repeat;
- border: 0;
- direction: ltr;
- display: block;
- overflow: hidden;
- text-align: left;
- text-indent: -999em;
-}
-
-.ir br {
- display: none;
-}
-
-.is-hidden {
- display: none !important;
- visibility: hidden !important;
-}
-
-.is-shown {
- display: block;
-}
-
-.is-visuallyHidden {
- border: 0;
- clip: rect(0 0 0 0);
- height: 1px;
- margin: -1px;
- overflow: hidden;
- padding: 0;
- position: absolute;
- width: 1px;
-}
-.is-visuallyHidden.focusable:active, .is-visuallyHidden.focusable:focus {
- clip: auto;
- height: auto;
- margin: 0;
- overflow: visible;
- position: static;
- width: auto;
-}
-
-.is-invisible {
- visibility: hidden;
-}
-
-.l-floatLeft {
- float: left;
-}
-
-.l-floatRight {
- float: right;
-}
-
-.l-clear {
- clear: both;
- float: none;
-}
-
-.l-mb0 {
- margin-bottom: 0 !important;
-}
-
-.l-mt0 {
- margin-top: 0 !important;
-}
-
-/* ==========================================================================
- Responsive Utilities
- ========================================================================== */
-@-ms-viewport {
- width: device-width;
-}
-* {
- -webkit-tap-highlight-color: #3498db !important;
-}
-
-/* A hack for HTML5 contenteditable attribute on mobile */
-textarea[contenteditable] {
- -webkit-appearance: none;
-}
-
-@media screen and (max-width: 400px) {
- @-ms-viewport {
- width: 320px;
- }
-}
-/* ==========================================================================
- Print styles
- ========================================================================== */
-@media print {
- * {
- background: transparent !important;
- color: #000 !important;
- /* Black prints faster: h5bp.com/s */
- box-shadow: none !important;
- text-shadow: none !important;
- }
-
- a:visited {
- text-decoration: underline;
- }
- a[href]:after {
- content: " (" attr(href) ")";
- }
-
- abbr[title]:after {
- content: " (" attr(title) ")";
- }
-
- /*
- * Don't show links for images, or javascript/internal links
- */
- .ir a:after,
- a[href^="javascript:"]:after,
- a[href^="#"]:after {
- content: "";
- }
-
- pre,
- blockquote {
- border: 1px solid #999;
- page-break-inside: avoid;
- }
-
- thead {
- display: table-header-group;
- /* h5bp.com/t */
- }
-
- tr,
- img {
- page-break-inside: avoid;
- }
-
- img {
- max-width: 100% !important;
- }
-
- @page {
- margin: 0.5cm;
- }
- p, h2, h3 {
- orphans: 3;
- widows: 3;
- }
-
- h2, h3 {
- page-break-after: avoid;
- }
-}
-/* ==========================================================================
- Styleguide styles
- ========================================================================== */
-body {
- background-color: #f1f1f1;
-}
-
-.well {
- min-height: 90px;
-}
-
-.g-container {
- -webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.4);
- -moz-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.4);
- -o-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.4);
- box-shadow: 0 1px 15px rgba(0, 0, 0, 0.4);
- padding-top: 3%;
- padding-bottom: 3%;
- background-color: #fff;
- margin-top: 3%;
- margin-bottom: 3%;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- -o-border-radius: 3px;
- border-radius: 3px;
-}
-
-.g-row + .g-row {
- margin-top: 30px;
-}
-
-.g-span12 + .g-span12 {
- margin-top: 30px;
-}
-
-.section-heading {
- border-bottom: 1px solid rgba(0, 0, 0, 0.2);
- padding-bottom: .3em;
- margin-top: 1em;
-}
-
-.interfaceType, .section-heading, .typeSpecimen:after {
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-}
-
-.interfaceType-subtle, .typeSpecimen:after {
- color: #888;
-}
-
-.masthead h1 {
- margin-bottom: 0;
-}
-
-/*
- Colours
- ========================================================================== */
-.swatch {
- height: 120px;
-}
-
-.color-primary {
- color: #3498db;
-}
-.color-primary.bg {
- background-color: #3498db;
- color: #fff;
-}
-.color-primary.bg:after {
- content: "#3498db";
-}
-
-.color-secondary {
- color: #c0392b;
-}
-.color-secondary.bg {
- background-color: #c0392b;
- color: #fff;
-}
-.color-secondary.bg:after {
- content: "#c0392b";
-}
-
-.color-highlight {
- color: #f1c40f;
-}
-.color-highlight.bg {
- background-color: #f1c40f;
- color: #fff;
-}
-.color-highlight.bg:after {
- content: "#f1c40f";
-}
-
-.color-text {
- color: #444;
-}
-.color-text.bg {
- background-color: #444;
- color: #fff;
-}
-.color-text.bg:after {
- content: "#444";
-}
-
-.color-background {
- color: #f1f1f1;
-}
-.color-background.bg {
- background-color: #f1f1f1;
- color: #444;
-}
-.color-background.bg:after {
- content: "#f1f1f1";
-}
-
-.color-link {
- color: #3498db;
-}
-.color-link.bg {
- background-color: #3498db;
- color: #fff;
-}
-.color-link.bg:after {
- content: "#3498db";
-}
-
-.color-link-hover {
- color: #196090;
-}
-.color-link-hover.bg {
- background-color: #196090;
- color: #fff;
-}
-.color-link-hover.bg:after {
- content: "#196090";
-}
-
-.typography .info p {
- -ms-word-wrap: break-word;
- word-wrap: break-word;
-}
-.typography .example {
- margin: 1em 0;
-}
-.typography .example h1:after {
- content: " - 36px";
-}
-.typography .example h2:after {
- content: " - 30px";
-}
-.typography .example h3:after {
- content: " - 24px";
-}
-.typography .example h4:after {
- content: " - 20px";
-}
-.typography .example h5:after {
- content: " - 16px";
-}
-.typography .example h6:after {
- content: " - 14px";
-}
-.typography .example h1:after, .typography .example h2:after, .typography .example h3:after, .typography .example h4:after, .typography .example h5:after, .typography .example h6:after {
- text-transform: lowercase;
-}
-.typography .example .interfaceType:after, .typography .example .section-heading:after, .typography .example .typeSpecimen:after {
- content: "";
-}
-
-.typeSpecimen {
- margin-bottom: 0;
- margin-top: 0;
- -ms-word-wrap: break-word;
- word-wrap: break-word;
-}
-.typeSpecimen:after {
- display: block;
- font-size: 16px;
- font-size: 0.8rem;
- margin-top: 5px;
- border-top: 1px solid #ddd;
- font-weight: normal;
-}
-
-h1.typeSpecimen:after {
- content: "Font stack: inherit";
-}
-
-p.typeSpecimen:after {
- content: "Font stack: Helvetica Neue, Helvetica, Arial, sans-serif";
-}
-
-/*# sourceMappingURL=styleguide.css.map */
+/*# sourceMappingURL=styleguide.css.map */
\ No newline at end of file
diff --git a/statix/dist/docs/index.html b/statix/dist/docs/index.html
index 5d4ef56..4d07b65 100644
--- a/statix/dist/docs/index.html
+++ b/statix/dist/docs/index.html
@@ -29,7 +29,7 @@
-
+
diff --git a/statix/dist/docs/styleguide.html b/statix/dist/docs/styleguide.html
index 358d3e0..3794fcf 100644
--- a/statix/dist/docs/styleguide.html
+++ b/statix/dist/docs/styleguide.html
@@ -29,7 +29,7 @@
-
+
diff --git a/statix/dist/index.html b/statix/dist/index.html
index caa98ab..8b9b615 100644
--- a/statix/dist/index.html
+++ b/statix/dist/index.html
@@ -27,7 +27,7 @@
-
+
diff --git a/statix/src/templates/layouts/default.hbs b/statix/src/templates/layouts/default.hbs
index 6f7c3b4..8ade0e3 100644
--- a/statix/src/templates/layouts/default.hbs
+++ b/statix/src/templates/layouts/default.hbs
@@ -1,6 +1,6 @@
{{> html_start }}
-
+
{{> masthead }}
diff --git a/statix/src/templates/layouts/docs.hbs b/statix/src/templates/layouts/docs.hbs
index 6f7c3b4..8ade0e3 100644
--- a/statix/src/templates/layouts/docs.hbs
+++ b/statix/src/templates/layouts/docs.hbs
@@ -1,6 +1,6 @@
{{> html_start }}
-