# elasticpress/5.0.2/assets/js/weighting/css/field.css

ElasticPress, version 5.0.2. 67 lines.

- Page: https://pluginprobe.com/plugins/elasticpress/5.0.2/code/assets/js/weighting/css/field.css
- Raw: https://pluginprobe.com/plugins/elasticpress/5.0.2/raw/assets/js/weighting/css/field.css
- Modified: 2023-11-01T18:08:28+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/elasticpress/5.0.2/code/assets/js/weighting/css/field.css#L10-L20`.

```css
.ep-weighting-field {
	align-items: center;
	display: grid;
	grid-gap: 1em;
	grid-template-columns: min(20%, 30ch) max-content auto max-content;
	width: 100%;

	& .components-base-control__field {
		margin-bottom: 0;
	}

	& .components-checkbox-control {

		& .components-base-control__field {
			align-items: center;
			display: flex;
		}
	}

	& .components-range-control {

		& .components-base-control__field {
			align-items: center;
			display: flex;
		}

		& .components-base-control__label {
			font-size: inherit;
			font-weight: inherit;
			margin-bottom: 0;
			text-transform: inherit;
		}
	}

	@media ( max-width: 600px ) {
		grid-template-columns: 1fr 1fr 1fr max-content;

		& .ep-weighting-field__weighting {
			display: flex;
			justify-content: end;

			& .components-range-control__wrapper {
				display: none;
			}
		}
	}
}

.ep-weighting-field fieldset {
	display: contents;
}

.ep-weighting-field__name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

	& h2 {
		font-size: 1rem;
	}
}

.ep-weighting-field__undo {
	grid-column-start: 4;
	justify-self: end;
}

```