graycoreio/daffodil

libs/design/hero/examples/src/hero-text-alignment/hero-text-alignment.component.scss

Summary

Maintainability

Test Coverage

Issues

.daff-hero-text-alignment {
    &__icon {
        display: flex;
        background: rgba(var(--daff-theme-rgb), 0.2);
        border-radius: 50%;
        color: var(--daff-theme-contrast-rgb);
        width: 48px;
        height: 48px;
        justify-content: center;
        align-items: center;
        padding: 12px 0;
    }
}