Add button styles and "view all articles" link to home

_config.yml

@@ -1,6 +1,7 @@
 title:            Minimal Mistakes
 tagline:          Jekyll Theme
 description:      A responsive Jekyll theme with editorial design tendencies.
+#Comment out url when working locally to resolve base urls correctly
 url:              http://mmistakes.github.io/minimal-mistakes
 
 # Owner/author information goes here.

_layouts/home.html

@@ -26,6 +26,7 @@
 </div>
 
 <div id="index" itemprop="mainContentOfPage" itemscope itemtype="http://schema.org/Blog">
+  <a href="{{ site.url}}/articles" class="btn btn-small pull-right">View all articles</a>
   <h3>Latest Articles</h3>
   <hr />
   {% for post in site.categories.articles limit:5 %}    

assets/css/ie.css

@@ -1049,13 +1049,16 @@ svg:not(:root) {
   /* IE7 inline-block hack */
 
   *zoom: 1;
-  padding: 12px;
+  padding: 12px 24px;
   margin-bottom: 2em;
   line-height: 1;
   text-align: center;
   text-transform: uppercase;
   vertical-align: middle;
   border: 4px double #333332;
+  -webkit-border-radius: 50px;
+  -moz-border-radius: 50px;
+  border-radius: 50px;
   cursor: pointer;
   *margin-left: .3em;
   -webkit-transition: 0.4s linear;
@@ -1086,6 +1089,24 @@ svg:not(:root) {
   color: #ffffff;
   border-color: #ffffff;
 }
+.btn-small {
+  font-size: 60%;
+  padding: 6px 12px;
+}
+/* Well ================================================= */
+.well {
+  min-height: 20px;
+  padding: 19px;
+  margin-bottom: 20px;
+  background-color: #f5f5f5;
+  border: 1px solid #e3e3e3;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+}
 /* Standard form controls ================================== */
 form {
   margin: 0 0 5px 0;

assets/css/main.css

@@ -1328,13 +1328,16 @@ svg:not(:root) {
   /* IE7 inline-block hack */
 
   *zoom: 1;
-  padding: 12px;
+  padding: 12px 24px;
   margin-bottom: 2em;
   line-height: 1;
   text-align: center;
   text-transform: uppercase;
   vertical-align: middle;
   border: 4px double #333332;
+  -webkit-border-radius: 50px;
+  -moz-border-radius: 50px;
+  border-radius: 50px;
   cursor: pointer;
   *margin-left: .3em;
   -webkit-transition: 0.4s linear;
@@ -1365,6 +1368,24 @@ svg:not(:root) {
   color: #ffffff;
   border-color: #ffffff;
 }
+.btn-small {
+  font-size: 60%;
+  padding: 6px 12px;
+}
+/* Well ================================================= */
+.well {
+  min-height: 20px;
+  padding: 19px;
+  margin-bottom: 20px;
+  background-color: #f5f5f5;
+  border: 1px solid #e3e3e3;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+}
 /* Custom set of Icomoon webfont icons ===================== */
 @font-face {
   font-family: 'icomoon';

assets/less/elements.less

@@ -44,13 +44,14 @@ svg:not(:root) {
   *display: inline;
   /* IE7 inline-block hack */
   *zoom: 1;
-  padding: 12px;
+  padding: 12px 24px;
   margin-bottom: 2em;
   line-height: 1;
   text-align: center;
   text-transform: uppercase;
   vertical-align: middle;
   border: 4px double @textcolor;
+  .rounded(50px);
   cursor: pointer;
   *margin-left: .3em;
   .transition(.4s linear); 
@@ -76,4 +77,18 @@ svg:not(:root) {
     color: @white;
     border-color: @white;
   }
+}
+.btn-small {
+  font-size: 60%;
+  padding: 6px 12px;
+}
+/* Well ================================================= */
+.well {
+  min-height: 20px;
+  padding: 19px;
+  margin-bottom: 20px;
+  background-color: #f5f5f5;
+  border: 1px solid #e3e3e3;
+  .rounded(4px);
+  .box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.05));
 }