Skip to content

Instantly share code, notes, and snippets.

@robertlyall
Created February 20, 2015 23:57
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save robertlyall/0eca62fb4848c024c21c to your computer and use it in GitHub Desktop.
Save robertlyall/0eca62fb4848c024c21c to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
<div class="container">
<table class="table">
<thead>
<tr>
<th>Entry Header 1</th>
<th>Entry Header 2</th>
<th>Entry Header 3</th>
<th>Entry Header 4</th>
</tr>
</thead>
<tbody>
<tr>
<td>Entry First Line 1</td>
<td>Entry First Line 2</td>
<td>Entry First Line 3</td>
<td>Entry First Line 4</td>
</tr>
<tr>
<td>Entry Line 1</td>
<td>Entry Line 2</td>
<td>Entry Line 3</td>
<td>Entry Line 4</td>
</tr>
<tr>
<td>Entry Last Line 1</td>
<td>Entry Last Line 2</td>
<td>Entry Last Line 3</td>
<td>Entry Last Line 4</td>
</tr>
</tbody>
</table>
</div>
// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----
*{box-sizing: border-box;}
html {
-webkit-font-smoothing: antialiased;
}
body {
color: #353535;
font: 400 13px "Roboto";
line-height: 23px;
}
.container {
margin: 0 auto;
max-width: 960px;
}
.table {
// border: 1px solid #d7d7d7;
border-collapse: collapse;
table-layout: fixed;
width: 100%;
}
.table th {
padding: 4px 12px 3px;
}
.table td {
padding: 8px 12px 7px;
}
.table thead tr {
// background: linear-gradient(to top, #eeeeee 0%, #ffffff 100%);
// border-bottom: 1px solid #eaeaea;
}
// .table tbody tr + tr {
// border-top: 1px solid #f7f7f7;
// }
th {
text-align: left;
}
* {
box-sizing: border-box;
}
html {
-webkit-font-smoothing: antialiased;
}
body {
color: #353535;
font: 400 13px "Roboto";
line-height: 23px;
}
.container {
margin: 0 auto;
max-width: 960px;
}
.table {
border-collapse: collapse;
table-layout: fixed;
width: 100%;
}
.table th {
padding: 4px 12px 3px;
}
.table td {
padding: 8px 12px 7px;
}
th {
text-align: left;
}
<div class="container">
<table class="table">
<thead>
<tr>
<th>Entry Header 1</th>
<th>Entry Header 2</th>
<th>Entry Header 3</th>
<th>Entry Header 4</th>
</tr>
</thead>
<tbody>
<tr>
<td>Entry First Line 1</td>
<td>Entry First Line 2</td>
<td>Entry First Line 3</td>
<td>Entry First Line 4</td>
</tr>
<tr>
<td>Entry Line 1</td>
<td>Entry Line 2</td>
<td>Entry Line 3</td>
<td>Entry Line 4</td>
</tr>
<tr>
<td>Entry Last Line 1</td>
<td>Entry Last Line 2</td>
<td>Entry Last Line 3</td>
<td>Entry Last Line 4</td>
</tr>
</tbody>
</table>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment