Contents

//
// Tables
// --------------------------------------------------

@if $tables {

	// BASE TABLES
	// -----------------

	table {
		max-width: 100%;
		border-collapse: collapse;
		border-spacing: 0;
	}

	// BASELINE STYLES
	// ---------------

	.table {
		width: 100%;
		margin-bottom: rhythm(1);

		th,
		td {
			padding: $tables-padding;
			line-height: rhythm(1);
			text-align: left;
			vertical-align: top;
		}

		th { font-weight: bold; }

		thead th { vertical-align: bottom; }

		caption + thead tr:first-child th,
		caption + thead tr:first-child td,
		colgroup + thead tr:first-child th,
		colgroup + thead tr:first-child td,
		thead:first-child tr:first-child th,
		thead:first-child tr:first-child td {
			border-top: 0;

		}

		tbody + tbody { border-top: 2px solid $grayLight; }

	}



	// CONDENSED TABLE W/ HALF PADDING
	// -------------------------------
	.table-condensed {
		th,
		td { padding: em(4px) em(5px); }
	}

	// ZEBRA-STRIPING
	// --------------
	.table-striped {
		@extend .table;
		tbody {
			> tr:nth-child(odd) > td,
			> tr:nth-child(odd) > th {
				@extend %table-striped !optional;
			}
		}
	}


	// BORDERED VERSION
	// ----------------

	.table-bordered {
		@extend .table;
		@extend %table-bordered !optional;
	}


	// HOVER EFFECT
	// ------------
	.table-hover {
		@extend .table;
		tbody {
			tr:hover > td,
			tr:hover > th {
				@extend %table-hover !optional;
			}
		}
	}

	// STUPID TABLE
	// ---------------
	.table-sortable {
		@extend .table;
		@extend %table-sortable !optional;

		thead {
			th {
				cursor: pointer;

				&.sorting-asc:after,
				&.sorting-desc:after {
					float: right;
				}
			}
		}
	}
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
rapido-css-0.0.1	stylesheets/components/_tables.scss