Browse Source

merge table styles #761, tweak table padding

Hakim El Hattab 11 years ago
parent
commit
6428504d6d
4 changed files with 46 additions and 5 deletions
  1. 15 4
      css/reveal.css
  2. 0 0
      css/reveal.min.css
  3. 30 0
      index.html
  4. 1 1
      js/reveal.min.js

+ 15 - 4
css/reveal.css

@@ -363,14 +363,25 @@ body {
 	        box-sizing: border-box;
 }
 
+.reveal table {
+  margin: auto;
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+.reveal table th {
+  font-weight: bold;
+}
+
 .reveal table th,
 .reveal table td {
-	text-align: left;
-	padding-right: .3em;
+  text-align: left;
+  padding: 0.2em 1em 0.2em 0;
+  border-bottom: 1px solid;
 }
 
-.reveal table th {
-	font-weight: bold;
+.reveal table tr:last-child td {
+    border-bottom: none;
 }
 
 .reveal sup {

File diff suppressed because it is too large
+ 0 - 0
css/reveal.min.css


+ 30 - 0
index.html

@@ -131,6 +131,36 @@
 					</ol>
 				</section>
 
+                <section>
+                    <h2>Superb Tables</h2>
+                    <table>
+                        <thead>
+                            <tr>
+                                <th>Item</th>
+                                <th>Value</th>
+                                <th>Quantity</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr>
+                                <td>Apples</td>
+                                <td>$1</td>
+                                <td>7</td>
+                            <tr>
+                            <tr>
+                                <td>Lemonade</td>
+                                <td>$2</td>
+                                <td>18</td>
+                            <tr>
+                            <tr>
+                                <td>Bread</td>
+                                <td>$3</td>
+                                <td>2</td>
+                            <tr>
+                      </tbody>
+                   </table>
+               </section>
+
 				<section data-markdown>
 					<script type="text/template">
 						## Markdown support

+ 1 - 1
js/reveal.min.js

@@ -1,5 +1,5 @@
 /*!
- * reveal.js 2.6.1 (2013-12-20, 09:48)
+ * reveal.js 2.6.1 (2013-12-20, 10:34)
  * http://lab.hakim.se/reveal-js
  * MIT licensed
  *

Some files were not shown because too many files changed in this diff