@dnb/eufemia/components/country-flag/style/dnb-country-flag.css

DNB Eufemia Design System UI Library

/*
* CountryFlag component
*
*/
.dnb-icon:has(.dnb-country-flag) {
  display: inline-flex;
  justify-content: center;
}

.dnb-country-flag {
  display: inline-flex;
  align-items: center;
}
.dnb-country-flag__size--auto {
  --size: 1em;
}
.dnb-country-flag__size--xx-small {
  --size: 0.5rem;
}
.dnb-country-flag__size--x-small {
  --size: 0.75rem;
}
.dnb-country-flag__size--small {
  --size: 1rem;
}
.dnb-country-flag__size--medium {
  --size: 1.5rem;
}
.dnb-country-flag__size--large {
  --size: 2rem;
}
.dnb-country-flag__size--x-large {
  --size: 2.5rem;
}
p .dnb-country-flag, h1 .dnb-country-flag, h2 .dnb-country-flag, h3 .dnb-country-flag, h4 .dnb-country-flag {
  vertical-align: sub;
}
.dnb-country-flag__flag {
  border-radius: 50%;
  width: var(--size);
  height: var(--size);
}
.dnb-country-flag__shape--square .dnb-country-flag__flag {
  border-radius: unset;
}