@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
45 lines (44 loc) • 1.24 kB
CSS
/*
* CountryFlag component
*
*/
.eufemia-scope--11_3_0 .dnb-icon:has(.dnb-country-flag) {
display: inline-flex;
justify-content: center;
}
.eufemia-scope--11_3_0 .dnb-country-flag {
display: inline-flex;
align-items: center;
}
.eufemia-scope--11_3_0 .dnb-country-flag__size--auto {
--size: 1em;
}
.eufemia-scope--11_3_0 .dnb-country-flag__size--xx-small {
--size: 0.5rem;
}
.eufemia-scope--11_3_0 .dnb-country-flag__size--x-small {
--size: 0.75rem;
}
.eufemia-scope--11_3_0 .dnb-country-flag__size--small {
--size: 1rem;
}
.eufemia-scope--11_3_0 .dnb-country-flag__size--medium {
--size: 1.5rem;
}
.eufemia-scope--11_3_0 .dnb-country-flag__size--large {
--size: 2rem;
}
.eufemia-scope--11_3_0 .dnb-country-flag__size--x-large {
--size: 2.5rem;
}
.eufemia-scope--11_3_0 p .dnb-country-flag, .eufemia-scope--11_3_0 h1 .dnb-country-flag, .eufemia-scope--11_3_0 h2 .dnb-country-flag, .eufemia-scope--11_3_0 h3 .dnb-country-flag, .eufemia-scope--11_3_0 h4 .dnb-country-flag {
vertical-align: sub;
}
.eufemia-scope--11_3_0 .dnb-country-flag__flag {
border-radius: 50%;
width: var(--size);
height: var(--size);
}
.eufemia-scope--11_3_0 .dnb-country-flag__shape--square .dnb-country-flag__flag {
border-radius: unset;
}