From df002a3f462aa639627e64371435f9ef7603c252 Mon Sep 17 00:00:00 2001
From: Nishanth Shanmugham <nishanths@utexas.edu>
Date: Sat, 10 Sep 2016 11:16:48 -0500
Subject: [PATCH] Set .container .content width to 100%

Fixes #7
---
 dev/less/main.less  |  5 +++++
 static/css/main.css | 51 ++++++++++++++++++++++++---------------------
 2 files changed, 32 insertions(+), 24 deletions(-)

diff --git a/dev/less/main.less b/dev/less/main.less
index 0686060..a1a2314 100644
--- a/dev/less/main.less
+++ b/dev/less/main.less
@@ -143,6 +143,11 @@ section {
     width: 100%;
 }
 
+// Introduced for https://github.com/nishanths/cocoa-hugo-theme/issues/7.
+.container .content {
+  width: 100%;
+}
+
 @media (min-width: @wide-1-breakpoint) {
     section {
         padding: 0 @vspacing/2;
diff --git a/static/css/main.css b/static/css/main.css
index 5926dc2..c34093f 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -3,10 +3,10 @@
 @import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
 @import url(https://fonts.googleapis.com/css?family=Raleway:500);
 .dark {
-  color: #333 !important;
+  color: #333333 !important;
 }
 .light {
-  color: #666 !important;
+  color: #666666 !important;
 }
 .accent {
   color: #428bca !important;
@@ -61,7 +61,7 @@ body {
   min-height: 100%;
   font-weight: 400;
   font-family: 'Open Sans', 'Helvetica Neue', 'Arial', sans-serif;
-  color: #111;
+  color: #111111;
   line-height: 1.6;
   text-rendering: optimizeLegibility !important;
 }
@@ -103,6 +103,9 @@ section {
   display: flex;
   width: 100%;
 }
+.container .content {
+  width: 100%;
+}
 @media (min-width: 600px) {
   section {
     padding: 0 16px;
@@ -186,8 +189,8 @@ section.header .name {
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   font-smoothing: antialiased;
-  color: #333;
-  color: #555;
+  color: #333333;
+  color: #555555;
 }
 section.header nav {
   font-size: 14px;
@@ -215,7 +218,7 @@ section.header nav ul a:last-child {
   margin-right: 0;
 }
 section.header nav ul li {
-  color: #555;
+  color: #555555;
   font-weight: 500;
   -webkit-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72);
   -moz-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72);
@@ -223,7 +226,7 @@ section.header nav ul li {
   -o-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72);
 }
 section.header nav ul li:hover {
-  color: #111;
+  color: #111111;
 }
 @media (min-width: 600px) {
   section.header {
@@ -242,7 +245,7 @@ section.header nav ul li:hover {
     align-items: flex-start;
   }
   section.header .name {
-    color: #333;
+    color: #333333;
   }
   section.header nav {
     font-size: 14px;
@@ -252,10 +255,10 @@ section.header nav ul li:hover {
     text-align: left;
   }
   section.header nav ul li {
-    color: #666;
+    color: #666666;
   }
   section.header nav ul li:hover {
-    color: #333;
+    color: #333333;
   }
 }
 section.icons {
@@ -274,7 +277,7 @@ section.icons .container {
 section.icons .content a {
   margin-left: 6px;
   margin-right: 6px;
-  color: #555;
+  color: #555555;
   -webkit-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72);
   -moz-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72);
   -ms-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72);
@@ -287,7 +290,7 @@ section.icons .content a:last-child {
   margin-right: 0;
 }
 section.icons .content a:hover {
-  color: #111;
+  color: #111111;
 }
 section.icons .content a .icon {
   font-size: 20px;
@@ -308,10 +311,10 @@ section.icons .content a .icon.larger {
   section.icons .content a {
     margin-left: 3px;
     margin-right: 3px;
-    color: #666;
+    color: #666666;
   }
   section.icons .content a:hover {
-    color: #333;
+    color: #333333;
   }
   section.icons .content a .icon {
     font-size: 18px;
@@ -331,7 +334,7 @@ section.main .container {
   justify-content: flex-start;
 }
 section.main .content {
-  color: #111;
+  color: #111111;
   font-size: 16px;
 }
 section.main .content .title-container {
@@ -355,18 +358,18 @@ section.main .content .title-container .initials {
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   font-smoothing: antialiased;
-  color: #333;
-  color: #666;
+  color: #333333;
+  color: #666666;
 }
 section.main .content .title-container .initials a {
-  color: #666;
+  color: #666666;
   -webkit-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72);
   -moz-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72);
   -ms-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72);
   -o-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72);
 }
 section.main .content .title-container .initials a:hover {
-  color: #333;
+  color: #333333;
 }
 section.main .content .page-heading {
   font-size: 18px;
@@ -377,7 +380,7 @@ section.main .content .page-heading {
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   font-smoothing: antialiased;
-  color: #333;
+  color: #333333;
   margin-bottom: 16px;
 }
 section.main .content .front-matter .page-heading {
@@ -385,7 +388,7 @@ section.main .content .front-matter .page-heading {
 }
 section.main .content .front-matter .meta {
   font-size: 14px;
-  color: #666;
+  color: #666666;
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flexbox;
@@ -483,7 +486,7 @@ section.main .container .content .post-item {
 }
 section.main .container .content .post-item .meta {
   font-size: 14px;
-  color: #666;
+  color: #666666;
   display: none;
   min-width: 100px;
   text-align: right;
@@ -555,7 +558,7 @@ img.profile {
   }
 }
 .page-heading a {
-  color: #333;
+  color: #333333;
 }
 section.main .content .markdown h1,
 section.main .content .markdown h2,
@@ -571,7 +574,7 @@ section.main .content .markdown h6 {
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   font-smoothing: antialiased;
-  color: #333;
+  color: #333333;
   text-transform: none;
   margin-top: 1.75rem;
 }