@gravityforms/components
Version:
UI components for use in Gravity Forms development. Both React and vanilla js flavors.
122 lines (118 loc) • 3.88 kB
CSS
/* stylelint-disable */
.gform-admin {
/*
* Inheritance Firewall
*
* Cuts the host document's cascade for all inherited properties.
* Everything inside .gform-admin inherits from HERE, not from
* WP admin, WP theme, or any other host.
*/
box-sizing: border-box;
letter-spacing: 0;
font-weight: 400;
font-style: normal;
interpolate-size: allow-keywords;
isolation: isolate;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
text-size-adjust: none;
/*
The new CSS reset - version 1.11.3 (last updated 25.08.2024)
GitHub page: https://github.com/elad2412/the-new-css-reset
*/
}
/*
Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
- The "symbol *" part is to solve Firefox SVG sprite bug
- The "html" element is excluded, otherwise a bug in Chrome breaks the CSS hyphens property (https://github.com/elad2412/the-new-css-reset/issues/36)
NOTE: The [data-gravity-noreset] attribute is used to exempt a container from the nuclear reset.
*/
.gform-admin *:where(
:not(html):not(iframe):not(canvas):not(img):not(svg):not(video):not(audio):not(svg *):not(symbol *):not([data-gravity-noreset]):not([data-gravity-noreset] *)
) {
all: unset;
display: revert;
}
/* Preferred box-sizing value */
.gform-admin *, .gform-admin *::before, .gform-admin *::after {
box-sizing: border-box;
}
/* Reapply the pointer cursor for anchor tags */
.gform-admin a, .gform-admin button {
cursor: revert;
}
/* Remove list styles (bullets/numbers) */
.gform-admin ol, .gform-admin ul, .gform-admin menu, .gform-admin summary {
list-style: none;
}
/* Firefox: solve issue where nested ordered lists continue numbering from parent (https://bugzilla.mozilla.org/show_bug.cgi?id=1881517) */
.gform-admin ol {
counter-reset: revert;
}
/* For images to not be able to exceed their container */
.gform-admin img {
max-inline-size: 100%;
max-block-size: 100%;
}
/* removes spacing between cells in tables */
.gform-admin table {
border-collapse: collapse;
}
/* Safari - solving issue when using user-select:none on the <body> text input doesn't working */
.gform-admin input, .gform-admin textarea {
-webkit-user-select: auto;
}
/* revert the 'white-space' property for textarea elements on Safari */
.gform-admin textarea {
white-space: revert;
}
/* minimum style to allow to style meter element */
.gform-admin meter {
-webkit-appearance: revert;
-moz-appearance: revert;
appearance: revert;
}
/* preformatted text - use only for this feature */
.gform-admin :where(pre) {
all: revert;
box-sizing: border-box;
}
/* reset default text opacity of input placeholder */
.gform-admin ::-moz-placeholder {
color: unset;
}
.gform-admin ::placeholder {
color: unset;
}
/* fix the feature of 'hidden' attribute.
display:revert; revert to element instead of attribute */
.gform-admin :where([hidden]) {
display: none;
}
/* revert for bug in Chromium browsers
- fix for the content editable attribute will work properly.
- webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/
.gform-admin :where([contenteditable]:not([contenteditable="false"])) {
-moz-user-modify: read-write;
-webkit-user-modify: read-write;
word-wrap: break-word;
-webkit-line-break: after-white-space;
-webkit-user-select: auto;
}
/* apply back the draggable feature - exist only in Chromium and Safari */
.gform-admin :where([draggable="true"]) {
-webkit-user-drag: element;
}
/* Revert Modal native behavior */
.gform-admin :where(dialog:modal) {
all: revert;
box-sizing: border-box;
}
/* Remove details summary webkit styles */
.gform-admin ::-webkit-details-marker {
display: none;
}
/* stylelint-enable */
/*# sourceMappingURL=reset.css.map */