mixu / markdown-styles

Markdown to static HTML generator and multiple CSS themes for Markdown
1.85k stars 250 forks source link

tables look unreadble in the default mixu-bootstrap-2col layout #54

Open nimrodsapir opened 7 years ago

nimrodsapir commented 7 years ago

When using mixu-bootstrap-2col (which otherwise is a very good layout), the tables output looks extremely unreadable. By adding the following lines (taken from the github layout) to the style.css, I was able to resolve it:

table {
  display: block;
  width: 100%;
  overflow: auto;
  word-break: normal;
  word-break: keep-all;
}

table th {
  font-weight: bold;
}

table th,
table td {
  padding: 6px 13px;
  border: 1px solid #ddd;
}

table tr {
  background-color: #fff;
  border-top: 1px solid #ccc;
}

table tr:nth-child(2n) {
  background-color: #f8f8f8;
}