UNPKG

@gravityforms/components

Version:

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

82 lines (68 loc) 2.72 kB
.gform-admin .gform-input-wrapper--select, .gform-admin .gform-input-wrapper--select * { box-sizing: border-box; } .gform-admin .gform-input-wrapper--select.gform-input-wrapper--size-r .gform-select { padding-block: 0.375rem; } .gform-admin .gform-input-wrapper--select.gform-input-wrapper--size-l .gform-select { padding-block: 0.5rem; } .gform-admin .gform-input-wrapper--select.gform-input-wrapper--size-xl .gform-select { padding-block: 0.75rem; } .gform-admin .gform-select__wrapper { position: relative; } .gform-admin .gform-select__wrapper::after { background: center / contain no-repeat url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="10" height="7" viewBox="0 0 10 7" fill="none"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L5 4.08579L8.29289 0.792893C8.68342 0.402369 9.31658 0.402369 9.70711 0.792893C10.0976 1.18342 10.0976 1.81658 9.70711 2.20711L5.70711 6.20711C5.31658 6.59763 4.68342 6.59763 4.29289 6.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="%239092B0"/%3E%3C/svg%3E'); /* stylelint-disable-line */ content: ""; height: 0.375rem; inset-inline-end: 1rem; pointer-events: none; position: absolute; top: 50%; transform: translateY(-50%); width: 0.625rem; } .gform-admin .gform-select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff; border: 1px solid #9092b0; border-radius: 0.1875rem; box-shadow: 0 0.25rem 0.25rem rgba(18, 25, 97, 0.0405344); color: #242748; cursor: pointer; font-family: inter, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", sans-serif; font-size: 0.875rem; line-height: 1.43; margin: 0; max-width: none; min-height: 0; outline: none; padding-inline: 0.75rem 2rem; width: 100%; } .gform-admin .gform-select:hover { color: #242748; } .gform-admin .gform-select:focus { border-color: #175cff; box-shadow: 0 0 0 2px #bed8ed; } .gform-admin .gform-select:disabled { background: #f6f9fc; border-color: #d5d7e9; color: #9092b0; } .gform-admin .gform-input-wrapper--select.gform-input-wrapper--theme-cosmos .gform-label { margin-block-end: 0.375rem; } .gform-admin .gform-input-wrapper--select.gform-input-wrapper--theme-cosmos .gform-input-help-text:nth-child(2) { margin-block-end: 0.375rem; } .gform-admin .gform-input-wrapper--select.gform-input-wrapper--theme-cosmos .gform-input-help-text:nth-child(3) { margin-block-start: 0.375rem; } /*# sourceMappingURL=select.css.map */