@gravityforms/components/dist/css/admin/table.css

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

.gform-admin .gform-table {
		border: 0.0625rem solid #ecedf8;
		border-collapse: collapse;
		box-sizing: border-box;
		font-family: inter, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", sans-serif;
		font-size: 0.8125rem;
		max-width: 100%;
		text-align: left;
		width: 100%;
	}

		.gform-admin .gform-table * {
			box-sizing: border-box;
		}

		.gform-admin .gform-table tr {
			border-bottom: 0.0625rem solid #ecedf8;
		}

		.gform-admin .gform-table th {
			font-weight: 500;
			padding: 0.8125rem 1.125rem;
		}

		.gform-admin .gform-table td {
			padding: 1.25rem 1.125rem;
		}

		.gform-admin .gform-table p {
			font-size: 0.8125rem;
			margin: 0;
		}

	@media (max-width: 959px) {

	.gform-admin .gform-table--responsive thead {
				border: 0;
				clip: rect(1px, 1px, 1px, 1px);
				height: 1px;
				overflow: hidden;
				padding: 0;
				position: absolute;
				width: 1px
		}
			}

	@media (max-width: 959px) {

	.gform-admin .gform-table--responsive tbody, .gform-admin .gform-table--responsive tr, .gform-admin .gform-table--responsive th, .gform-admin .gform-table--responsive td {
				display: block;
				padding: 0;
				white-space: normal
		}
			}

	@media (max-width: 959px) {

	.gform-admin .gform-table--responsive tr {
				border-bottom: 0
		}
			}

	@media (max-width: 959px) {

	.gform-admin .gform-table--responsive td, .gform-admin .gform-table--responsive th {
				border-bottom: 1px solid #ecedf8;
				overflow: hidden;
				padding: 1.25rem 1.125rem;
				position: relative;
				vertical-align: top;
				white-space: normal;
				width: 100%
		}
			}

	@media (max-width: 959px) {

	.gform-admin .gform-table--responsive td p {
					padding-left: 1.125rem
			}
				}

	@media (max-width: 959px) {

	.gform-admin .gform-table--responsive td[data-header]::before {
						content: attr(data-header);
						display: block;
						float: left;
						font-weight: 500;
						width: 50%
				}
					}

	@media (max-width: 959px) {

	.gform-admin .gform-table--responsive td[data-header] > * {
						clear: right;
						display: block;
						float: right;
						width: 50%
				}
					}

	@media (max-width: 959px) {

	.gform-admin .gform-table--responsive td[data-header]::after {
						border-right: 1px solid #ecedf8;
						content: "";
						display: block;
						left: 0;
						padding-bottom: 200%;
						position: absolute;
						top: 0;
						width: 50%
				}
					}

	.gform-admin .gform-table--fixed {
		table-layout: fixed;
	}

	.gform-admin .gform-table--no-outer-border {
		border: 0;
	}

	.gform-admin .gform-table--no-outer-border tbody tr:last-child {
				border-bottom: 0;
			}

	.gform-admin .gform-table--no-outer-border tbody tr:last-child td:last-child {
					border-bottom: 0;
				}

html[dir="rtl"] .gform-admin .gform-table {
	text-align: right;
}

/*# sourceMappingURL=table.css.map */