@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
65 lines • 1.25 kB
CSS
/*
* InfoCard component
*
*/
/*
* Utilities
*/
.dnb-info-card {
display: flex;
flex-direction: row;
position: relative;
padding: 1rem;
overflow: hidden;
background: var(--color-white);
}
.dnb-info-card::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
border: 1px solid var(--color-black-8);
}
.dnb-info-card, .dnb-info-card::after {
border-radius: 0.25rem;
}
.dnb-info-card--centered {
flex-direction: column;
align-items: center;
text-align: center;
}
.dnb-info-card--centered:not(.dnb-info-card--stretch) {
margin: auto;
}
.dnb-info-card--shadow {
box-shadow: var(--shadow-default);
}
.dnb-info-card__content {
flex-direction: column;
margin-top: 0.1875rem;
}
.dnb-info-card:not(.dnb-info-card--stretch), .dnb-info-card__content {
max-width: var(--prose-max-width);
}
.dnb-info-card--centered .dnb-info-card__content {
margin-top: 0;
}
.dnb-info-card__icon {
color: var(--color-emerald-green);
}
.dnb-info-card__image {
height: 4rem;
width: 4rem;
}
.dnb-info-card__buttons {
display: flex;
flex-flow: row wrap;
}
.dnb-info-card--centered .dnb-info-card__buttons {
flex-direction: column;
align-items: center;
text-align: center;
}