hacks-guide-minimal-mistake.../assets/_scss/_tables.scss

/* ==========================================================================
   TABLES
   ========================================================================== */

table {
  margin-bottom: 1em;
  width: 100%;
  font-family: $global-font-family;
  font-size: $type-size-6;
  border-collapse: collapse;
  border: 1px solid $light-gray;

  & + table {
    margin-top: 1em;
  }
}

thead {
  background-color: $lighter-gray;
  border-bottom: 1px solid $light-gray;
}

th {
  padding: 0.5em;
  font-weight: bold;
  text-align: left;
  border-right: 1px solid $light-gray;
}

td {
  padding: 0.5em;
  border-bottom: 1px solid $light-gray;
  border-right: 1px solid $light-gray;
}

tr, td, th {
  vertical-align: middle;
}
More style cleanup and housekeeping 2016-03-11 21:55:06 +01:00			`/* ==========================================================================`
			`TABLES`
			`========================================================================== */`

			`table {`
Update docs 2016-04-12 22:48:27 +02:00			`margin-bottom: 1em;`
More style cleanup and housekeeping 2016-03-11 21:55:06 +01:00			`width: 100%;`
Improve flexibility of applying color to the theme 2016-04-05 21:18:05 +02:00			`font-family: $global-font-family;`
Replace px font-size with relative units (em and rem) 2016-03-30 22:59:48 +02:00			`font-size: $type-size-6;`
More style cleanup and housekeeping 2016-03-11 21:55:06 +01:00			`border-collapse: collapse;`
Increase contrast of table borders 2016-04-13 14:50:14 +02:00			`border: 1px solid $light-gray;`
Improve code readability 2016-03-21 21:36:24 +01:00
More style cleanup and housekeeping 2016-03-11 21:55:06 +01:00			`& + table {`
			`margin-top: 1em;`
			`}`
			`}`

			`thead {`
Make typography refinements 2016-03-31 04:20:55 +02:00			`background-color: $lighter-gray;`
Increase contrast of table borders 2016-04-13 14:50:14 +02:00			`border-bottom: 1px solid $light-gray;`
More style cleanup and housekeeping 2016-03-11 21:55:06 +01:00			`}`

			`th {`
			`padding: 0.5em;`
			`font-weight: bold;`
			`text-align: left;`
Increase contrast of table borders 2016-04-13 14:50:14 +02:00			`border-right: 1px solid $light-gray;`
More style cleanup and housekeeping 2016-03-11 21:55:06 +01:00			`}`

			`td {`
			`padding: 0.5em;`
Increase contrast of table borders 2016-04-13 14:50:14 +02:00			`border-bottom: 1px solid $light-gray;`
			`border-right: 1px solid $light-gray;`
More style cleanup and housekeeping 2016-03-11 21:55:06 +01:00			`}`

			`tr, td, th {`
			`vertical-align: middle;`
Improve code readability 2016-03-21 21:36:24 +01:00			`}`