From 0c3058ba649261a2e4466fec4a4afddcbf1d05c4 Mon Sep 17 00:00:00 2001
From: Raniere Silva <raniere@ime.unicamp.br>
Date: Sun, 19 Apr 2015 11:50:52 -0300
Subject: [PATCH] Improve figures

Figures should be centered
and not overflow the screen.
---
 css/swc.css | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/css/swc.css b/css/swc.css
index cdd9c63..e979dbd 100644
--- a/css/swc.css
+++ b/css/swc.css
@@ -117,6 +117,29 @@ blockquote.testimonial cite {
     font-size: inherit;
 }
 
+/* Images
+ *
+ * Rules from http://getbootstrap.com/css/#images-responsive.
+ *
+ * This is compatible with Pandoc behavior for HTML and HTML5. */
+article img {
+    max-width: 100%;
+    height: auto;
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+article div.figure,
+article figure {
+    text-align: center;
+}
+
+article p.caption::before,
+article figcaption::before {
+    content: "Figure: ";
+}
+
 /* Main body of pages. */
 body {
     font-family: "Open Sans", "Helvetica", "Arial", sans-serif;