미디어위키:Gadget-preview-params.css 문서 원본 보기

.preview-params {
    border: 1px solid var(--border-color-subtle);
    padding: 12px;
    background: var(--background-color-neutral-subtle);
}
.preview-params .cdx-field {
	margin: 0;
}
.param-field:not(:first-child) .cdx-label {
	display: none;
}
.preview-params-help {
    display: block;
    position: absolute;
    right: 1em;
}
.skin-vector-2022 .preview-params-help {
	right: 2em;
}
.preview-params-add {
	margin-top: 6px;
}
.param-field {
	margin: 2px 0;
	
	.cdx-field__control {
		width: 100%;
		display: flex;
		align-items: end;
		gap: 8px;
	}
	.cdx-field {
		margin: 0;
		width: 100%;
	}
	.cdx-text-input {
		min-width: 0;
		width: 100%;
	}
	.param-field--middle-eq {
		margin-bottom: 8px;
	}
}
.skin-citizen {
	.preview-params {
		border: none;
	    padding: var(--space-lg);
	    background: var(--color-surface-2);
	    border-radius: var(--border-radius-large);
	}
	.preview-params-help {
		right: max(calc((100% - var(--width-layout)) / 2), calc(var(--padding-page) + var(--space-lg)));
	}
	.preview-params-add {
		margin-top: var(--space-xs);
	}
	.param-field {
	    margin: var(--space-xs) 0;
	}
	.param-field--middle-eq {
		margin-bottom: 3px;
	}
}