page-title.pcss.css

/**
 * @file
 * Page title.
 */

@import "../base/variables.pcss.css";

.block-page-title-block {
  margin-bottom: var(--space-s);
}

.block-page-title-block:last-child {
  margin-bottom: var(--space-l);
}

/**
 * There are use cases where page title is not rendered as a block ¯\_(ツ)_/¯.
 *
 * @see Drupal\system\Controller\BatchController::batchPage()
 */
.region-header > .page-title {
  margin-top: var(--breadcrumb-height);
  margin-bottom: var(--space-l);
}

.page-title {
  display: inline-block;
  margin: 0;
  font-size: var(--font-size-h1);
  -webkit-font-smoothing: antialiased;
}