@dnb/eufemia/components/global-error/style/dnb-global-error.css

DNB Eufemia Design System UI Library

/*
 * GlobalError component
 *
 */
/*
 * Utilities
 */
.dnb-global-error {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
}
.dnb-global-error--center {
  display: grid;
  place-content: center;
  height: 80vh;
}
.dnb-global-error__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* for large screens */
  width: 100%;
  max-width: var(--layout-large);
  padding: var(--spacing-large);
}
@media screen and (max-width: 40em) {
  .dnb-global-error__inner {
    padding: 0 var(--spacing-x-small);
  }
}
.dnb-global-error__inner {
  text-align: center;
}
.dnb-global-error__inner__content {
  max-width: 37rem;
}
.dnb-global-error__links {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 2rem;
}
.dnb-global-error__links .dnb-anchor {
  font-size: var(--font-size-medium);
}
@media screen and (max-width: 40em) {
  .dnb-global-error__links {
    flex-direction: column;
    gap: 1rem;
  }
}
@media screen and (max-width: 40em) {
  .dnb-global-error h1 {
    font-size: var(--font-size-large);
  }
}