UNPKG

@gravityforms/components

Version:

UI components for use in Gravity Forms development. Both React and vanilla js flavors.

135 lines (106 loc) 3.83 kB
.gform-admin .gform-text { font-family: inter, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", sans-serif; font-size: 0.8125rem; font-style: normal; } .gform-admin .gform-text:not(:focus-within):hover .gform-text__copy-button, .gform-admin .gform-text__wrapper:not(:focus-within):hover .gform-text__copy-button { opacity: 1; } .gform-admin .gform-text__wrapper { position: relative; } .gform-admin .gform-text__wrapper .gform-text { display: inline; } .gform-admin .gform-text__wrapper .gform-text__copy-button { display: inline-block; height: auto; line-height: 1; vertical-align: middle; } .gform-admin .gform-text__wrapper .gform-text__copy-button .gform-button__icon { color: #5b5e80; font-size: inherit; } .gform-admin .gform-text__wrapper .gform-text__copy-button.gform-typography--size-text-md, .gform-admin .gform-text__wrapper .gform-text__copy-button.gform-typography--size-text-lg { margin-block-start: -0.3rem; } .gform-admin .gform-text__wrapper .gform-text__copy-button.gform-typography--size-text-xl { margin-block-start: -0.15rem; } .gform-admin .gform-text__wrapper .gform-text__copy-button.gform-typography--size-display-xs { margin-block-start: -0.25rem; } .gform-admin .gform-text__wrapper .gform-text__copy-button.gform-typography--size-display-sm { margin-block-start: -0.35rem; } .gform-admin .gform-text__wrapper .gform-text__copy-button.gform-typography--size-display-md { margin-block-start: -0.5rem; } .gform-admin .gform-text__wrapper .gform-text__copy-button.gform-typography--size-display-lg { margin-block-start: -0.75rem; } .gform-admin .gform-text__wrapper .gform-text__copy-button.gform-typography--size-display-xl { margin-block-start: -1rem; } .gform-admin .gform-text__wrapper .gform-text__copy-button.gform-typography--size-display-2xl { margin-block-start: -1.2rem; } .gform-admin .gform-text__wrapper .gform-text__copy-button.gform-typography--size-display-3xl { margin-block-start: -1.5rem; } .gform-admin .gform-text--color-port { color: #242748; } .gform-admin .gform-text--color-comet { color: #5b5e80; } .gform-admin .gform-text--color-white { color: #fff; } .gform-admin .gform-text--color-secondary-text { color: #6a6a80; } .gform-admin h1.gform-text, .gform-admin h2.gform-text, .gform-admin h3.gform-text, .gform-admin h4.gform-text, .gform-admin h5.gform-text, .gform-admin h6.gform-text, .gform-admin p.gform-text { color: #242748; font-family: inter, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", sans-serif; margin: 0; padding: 0; } .gform-admin .gform-button.gform-text__copy-button { height: auto; line-height: 1; margin-inline-start: 0.25rem; opacity: 0; transition: opacity 0.2s ease; vertical-align: middle; } .gform-admin .gform-button.gform-text__copy-button:hover .gform-button__icon { color: #242748; } .gform-admin .gform-button.gform-text__copy-button:focus { opacity: 1; } .gform-admin .gform-button.gform-text__copy-button .gform-button__icon { color: #5b5e80; font-size: inherit; } .gform-admin .gform-text[contenteditable] { background: transparent; border-radius: 3px; } .gform-admin .gform-text[contenteditable]:not(.gform-text__has-copy) { position: relative; } .gform-admin .gform-text[contenteditable]::after { background-color: transparent; content: ""; transition: background-color 0.3s ease; } .gform-admin .gform-text[contenteditable="true"]:empty::before { color: #5b5e80; content: attr(placeholder); display: block; pointer-events: none; } /*# sourceMappingURL=text.css.map */