$govuk-page-width: 1140px;

@import "govuk_publishing_components/all_components";
@import "content_block_tools";

@import "./components/datetime-fields";
@import "./components/govspeak-editor";
@import "./components/image-cropper";
@import "./components/inset-prompt";
@import "./components/miller-columns";
@import "./components/secondary-navigation";
@import "./components/single-image-upload";
@import "./components/sub-navigation";
@import "./components/summary-card";

@import "./admin/overrides";

@import "./admin/views/components/worldwide_offices/index/office-summary-card-component";

@import "./admin/views/audit-trail";
@import "./admin/views/dashboard-index";
@import "./admin/views/document-history-tab";
@import "./admin/views/document-collection-group-memberships-index";
@import "./admin/views/document-collection-group-document-search-search-title-slug";
@import "./admin/views/edit-edition";
@import "./admin/views/edit-person";
@import "./admin/views/edition-resource";
@import "./admin/views/edition-search-results";
@import "./admin/views/editions-edition";
@import "./admin/views/editorial-remarks";
@import "./admin/views/features";
@import "./admin/views/filter";
@import "./admin/views/govspeak-help";
@import "./admin/views/groups-index";
@import "./admin/views/host-content-update-event";
@import "./admin/views/historical-accounts-index";
@import "./admin/views/organisations-index";
@import "./admin/views/organisations-edit";
@import "./admin/views/people";
@import "./admin/views/roles";
@import "./admin/views/users";
@import "./admin/views/summary";
@import "./admin/views/take-part";
@import "./admin/views/topical-events-index";
@import "./admin/views/unpublish-withdrawal";
@import "./admin/views/whats-new";
@import "./admin/views/worldwide-organisations-choose-main-office";

.app-js-only {
  display: none;
}

.js-enabled {
  .app-no-js {
    display: none;
  }

  .app-js-only {
    display: block;
  }

  // The .js-enabled class gets applied immediately while the page is still loading,
  // whereas GOV.UK JS Modules only initialise once the entire HTML document has loaded (on DOMContentLoaded).
  // To avoid a 'flash of unstyled content', elements can use .hide-before-js-module-init to
  // temporarily hide the element. The element's JS module can then remove it once
  // initialised and apply the correct styling.
  .hide-before-js-module-init {
    display: none;
  }
}
