@gravityforms/components
Version:
UI components for use in Gravity Forms development. Both React and vanilla js flavors.
54 lines (44 loc) • 1.35 kB
CSS
.gform-admin {
.gform-list {
font-family: var(--gform-admin-font-family-base);
font-size: 1rem;
line-height: var(--gform-admin-line-height-base);
margin: 0;
padding: 0;
}
.gform-list--bulleted,
.gform-list--decimal {
margin: 0;
padding-inline-start: 1.625rem;
li {
list-style: inherit;
margin-block-end: 0.25rem;
}
}
.gform-list--bulleted {
list-style: disc;
}
.gform-list--decimal {
list-style: decimal;
}
.gform-list__item {
margin-bottom: 0.875rem;
padding-inline-start: 1.625rem;
&:last-child {
margin: 0;
}
}
.gform-list--unordered .gform-list__item {
list-style: none;
position: relative;
&::before {
background: center / contain no-repeat url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2217%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.5%2016.5a8%208%200%201%200%200-16%208%208%200%200%200%200%2016Zm3.707-9.293a1%201%200%200%200-1.414-1.414L7.5%209.086%206.207%207.793a1%201%200%200%200-1.414%201.414l2%202a1%201%200%200%200%201.414%200l4-4Z%22%20fill%3D%22%23F15A2B%22%2F%3E%3C%2Fsvg%3E"); /* stylelint-disable-line */
content: "";
height: 1rem;
inset-inline-start: 0.125rem;
position: absolute;
top: 0.25rem;
width: 1rem;
}
}
}