@gravityforms/components
Version:
UI components for use in Gravity Forms development. Both React and vanilla js flavors.
59 lines (48 loc) • 1.51 kB
CSS
/* ----------------------------------------------------------------------
* METRIC CARD
* ---------------------------------------------------------------------- */
.gform-admin .gform-card--metric {
align-items: center;
background: #fff;
border: 1px solid #d5d7e9;
border-radius: 3px;
display: flex;
flex-direction: row;
inline-size: 100%;
padding: 1.5rem;
}
.gform-admin .gform-card--metric, .gform-admin .gform-card--metric * {
box-sizing: border-box;
}
/* Style variant: Minimal */
.gform-admin .gform-card--metric.gform-card--metric-minimal {
padding: 0;
}
.gform-admin .gform-card--metric.gform-card--metric-minimal [class*="gform-icon-preset--metric"] {
align-self: stretch;
block-size: auto;
border-bottom: none;
border-color: #d5d7e9;
border-end-end-radius: 0;
border-left: none;
border-start-end-radius: 0;
border-top: none;
box-shadow: none;
inline-size: 64px;
padding-inline: 0.5rem;
}
.gform-admin .gform-card--metric.gform-card--metric-minimal .gform-icon-preset--metric-info {
background-color: #fdfdff;
}
.gform-admin .gform-card--metric.gform-card--metric-minimal .gform-card__metric-content {
padding-block: 1.5rem;
padding-inline: 0 1.5rem;
}
.gform-admin .gform-card--metric .gform-card__metric-title {
color: #5b5e80;
}
.gform-admin .gform-card--metric .gform-card__metric-count {
bottom: -0.25rem;
position: relative;
}
/*# sourceMappingURL=metric-card.css.map */