@gravityforms/components
Version:
UI components for use in Gravity Forms development. Both React and vanilla js flavors.
135 lines (106 loc) • 3.83 kB
CSS
.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 */