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