/**
 * Styles, variables, and mixins for the rb-c-content-header component.
 */
/**
 * Header area for a section of content.
 *
 * This provides a consistent header above an area of content. This may be
 * above the main content area for a page, above a section of list items, or
 * any other part of the UI.
 *
 * Modifiers:
 *     -is-main:
 *         Whether this is the main header for the page. This will use a
 *         slightly larger font size and provide additional padding/margins.
 *
 * Structure:
 *     <header class="rb-c-content-header -is-main">
 *      <h1 class="rb-c-content-header__title">...</h1>
 *      <div class="rb-c-content-header__actions">...</div>
 *     </header>
 */
.rb-c-content-header {
  padding: 0;
  margin: 0;
  position: relative;
  vertical-align: middle;
  /**
   * An actions area, shown just to the right of the title.
   *
   * This can be used to place icons or text that can perform actions when
   * clicked. It is up to the consumer to handle any rendering of the actions.
   *
   * Structure:
   *     <div class="rb-c-content-header__actions">
   *      <div class="rb-c-content-header__action">...</div>
   *      ...
   *     </div>
   */
  /**
   * An action shown in the header's actions area.
   *
   * The content and implementation of the action is dependent on the consumer.
   *
   * Structure:
   *     <div class="rb-c-content-header__action">...</div>
   */
  /**
   * The title for the header.
   *
   * This should use a standard ``<h1>``, ``<h2>``, etc. element as appropriate
   * for the position on the page, for semantic reasons. There are no
   * differences in how they are rendered, though.
   *
   * Structure:
   *     <h2 class="rb-c-content-header__title">...</h2>
   */
}
.rb-c-content-header__actions {
  display: inline-block;
}
.rb-c-content-header__action {
  display: inline-block;
  margin-left: 1em;
}
.rb-c-content-header__title {
  color: #444444;
  font-size: 110%;
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
  margin: 0;
  padding: 0;
}
/*# sourceMappingURL=content-header.css.map */