@dnb/eufemia/components/info-card/style/dnb-info-card--isolated.css

DNB Eufemia Design System UI Library

/*
* InfoCard component
*
*/
/*
 * Utilities
 */
.eufemia-scope--11_3_0 .dnb-info-card {
  display: flex;
  flex-direction: row;
  position: relative;
  padding: 1rem;
  overflow: hidden;
  background: var(--token-color-background-neutral);
}
.eufemia-scope--11_3_0 .dnb-info-card::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  border: 1px solid var(--token-color-stroke-neutral-subtle);
}
.eufemia-scope--11_3_0 .dnb-info-card, .eufemia-scope--11_3_0 .dnb-info-card::after {
  border-radius: var(--token-radius-sm);
}
.eufemia-scope--11_3_0 .dnb-info-card--centered {
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.eufemia-scope--11_3_0 .dnb-info-card--centered:not(.dnb-info-card--stretch) {
  margin: auto;
}
.eufemia-scope--11_3_0 .dnb-info-card--shadow {
  box-shadow: var(--shadow-default);
}
.eufemia-scope--11_3_0 .dnb-info-card__content {
  flex-direction: column;
  margin-top: 0.1875rem;
}
.eufemia-scope--11_3_0 .dnb-info-card:not(.dnb-info-card--stretch), .eufemia-scope--11_3_0 .dnb-info-card__content {
  max-width: var(--prose-max-width);
}
.eufemia-scope--11_3_0 .dnb-info-card--centered .dnb-info-card__content {
  margin-top: 0;
}
.eufemia-scope--11_3_0 .dnb-info-card__icon {
  color: var(--token-color-icon-action);
}
.eufemia-scope--11_3_0 .dnb-info-card__image {
  height: 4rem;
  width: 4rem;
}
.eufemia-scope--11_3_0 .dnb-info-card__buttons {
  display: flex;
  flex-flow: row wrap;
}
.eufemia-scope--11_3_0 .dnb-info-card--centered .dnb-info-card__buttons {
  flex-direction: column;
  align-items: center;
  text-align: center;
}