@gravityforms/components
Version:
UI components for use in Gravity Forms development. Both React and vanilla js flavors.
52 lines (43 loc) • 1.2 kB
CSS
.gform-admin {
.gform-indicator--icon {
align-items: center;
block-size: 2.5rem;
border: 5px solid transparent;
border-radius: 50%;
box-sizing: border-box;
display: flex;
font-size: 1.25rem;
inline-size: 2.5rem;
justify-content: center;
&.gform-indicator--size-small {
block-size: 1.25rem;
inline-size: 1.25rem;
}
&.gform-indicator--info {
background-color: var(--gform-admin-color-white-lilac);
color: var(--gform-admin-color-santas);
}
&.gform-indicator--card {
background-color: #dde9fc;
color: var(--gform-admin-color-blue-ribbon);
}
&.gform-indicator--success {
background-color: var(--gform-admin-color-tara);
color: var(--gform-admin-color-green);
}
&.gform-indicator--warning {
background-color: #fff6e3;
color: var(--gform-admin-color-yellow);
}
&.gform-indicator--error {
background-color: var(--gform-admin-color-background-red);
border-color: #fff8f7;
color: var(--gform-admin-color-red);
}
&.gform-indicator--confirm {
background-color: var(--gform-admin-color-white);
border: 0.125rem solid var(--gform-admin-color-blue-haze);
color: var(--gform-admin-color-amethyst-smoke);
}
}
}