@import (reference) 'emphasis/emphasis.less';

// Example
//
// Linguistic examples may contain any type of linguistic data. Each example should be given the `.ex` class. To add numbering to examples, wrap them in an `<ol class=examples>` tag and place each example inside a `<li class=ex>` tag. See the [examples component](#kssref-components-examples) for more information. `<b>` and `<em>` tags within examples are styled with the `.em` class by default (see the [example emphasis](#kssref-components-emphasis) component).
//
// Markup: example.html
//
// Styleguide components.example
.ex, .example {

  line-height: 1.5;

  b, em, .em, .emphasis, strong {
    color      : var(--em-color);
    font-weight: bold;
  }

  .ex-source {
    margin-block: 0em;
  }

}