pdh-design-system
Version:
PDH Design System React Components
28 lines (25 loc) • 460 B
CSS
@import "flag-icons/css/flag-icons.min.css";
.icon-swatches .swatch {
display: inline-block;
width: 60px;
height: 60px;
margin: 5px;
text-align: center;
text-transform: capitalize;
line-height: 60px;
font-size: 30px;
cursor: pointer;
transition: all 0.3s;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
padding: 0;
font-weight: 600;
}
.icon-swatches h3 {
margin-top: 2rem;
}
.popover {
z-index: 1050;
}
.tooltip {
z-index: 1000;
}