cheatsheets/_sass/2017/markdown/table.scss

90 lines
1.3 KiB
SCSS

/*
* Table
*/
.MarkdownBody table {
& {
width: 100%;
}
& tr + tr {
border-top: solid 1px $line-color;
}
/* Horizontal lines */
& tbody + tbody {
border-top: solid 1px $dark-line-color;
}
& td,
& th {
padding: 8px 16px;
vertical-align: top;
text-align: left;
}
& tr th:last-child,
& tr td:last-child {
text-align: right;
}
& td:first-child {
white-space: nowrap;
}
& td:first-child > code {
font-size: 0.86em;
color: #35a;
}
& a,
& a:visited {
color: #35a;
text-decoration: none;
}
& td:first-child > code ~ em {
font-style: normal;
font-size: 0.86em;
color: $gray-text;
}
& thead {
display: none;
}
& thead th {
font-weight: normal;
color: $base-a;
}
}
.MarkdownBody table.-shortcuts {
code {
font-size: 1em;
padding: 5px 6px;
padding-left: 8px; // compensation
background: $gray-bg;
border-radius: 3px;
margin-right: 2px;
letter-spacing: 0.2em;
font-family: $body-font;
color: $base-text;
}
}
.MarkdownBody table.-left-align {
& tr th,
& tr td,
& tr td:last-child {
text-align: left;
}
}
.MarkdownBody table.-headers {
& thead {
display: table-header-group;
border-bottom: solid 1px $dark-line-color;
}
}