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

This commit is contained in:
Michael Rose 2013-05-31 11:52:02 -04:00
parent e4ab4c7066
commit 9478323056
6 changed files with 62 additions and 3 deletions

View file

@ -1,6 +1,7 @@
title: Minimal Mistakes title: Minimal Mistakes
tagline: Jekyll Theme tagline: Jekyll Theme
description: A responsive Jekyll theme with editorial design tendencies. 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 url: http://mmistakes.github.io/minimal-mistakes
# Owner/author information goes here. # Owner/author information goes here.

View file

@ -26,6 +26,7 @@
</div> </div>
<div id="index" itemprop="mainContentOfPage" itemscope itemtype="http://schema.org/Blog"> <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> <h3>Latest Articles</h3>
<hr /> <hr />
{% for post in site.categories.articles limit:5 %} {% for post in site.categories.articles limit:5 %}

View file

@ -1049,13 +1049,16 @@ svg:not(:root) {
/* IE7 inline-block hack */ /* IE7 inline-block hack */
*zoom: 1; *zoom: 1;
padding: 12px; padding: 12px 24px;
margin-bottom: 2em; margin-bottom: 2em;
line-height: 1; line-height: 1;
text-align: center; text-align: center;
text-transform: uppercase; text-transform: uppercase;
vertical-align: middle; vertical-align: middle;
border: 4px double #333332; border: 4px double #333332;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
cursor: pointer; cursor: pointer;
*margin-left: .3em; *margin-left: .3em;
-webkit-transition: 0.4s linear; -webkit-transition: 0.4s linear;
@ -1086,6 +1089,24 @@ svg:not(:root) {
color: #ffffff; color: #ffffff;
border-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 ================================== */ /* Standard form controls ================================== */
form { form {
margin: 0 0 5px 0; margin: 0 0 5px 0;

View file

@ -1328,13 +1328,16 @@ svg:not(:root) {
/* IE7 inline-block hack */ /* IE7 inline-block hack */
*zoom: 1; *zoom: 1;
padding: 12px; padding: 12px 24px;
margin-bottom: 2em; margin-bottom: 2em;
line-height: 1; line-height: 1;
text-align: center; text-align: center;
text-transform: uppercase; text-transform: uppercase;
vertical-align: middle; vertical-align: middle;
border: 4px double #333332; border: 4px double #333332;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
cursor: pointer; cursor: pointer;
*margin-left: .3em; *margin-left: .3em;
-webkit-transition: 0.4s linear; -webkit-transition: 0.4s linear;
@ -1365,6 +1368,24 @@ svg:not(:root) {
color: #ffffff; color: #ffffff;
border-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 ===================== */ /* Custom set of Icomoon webfont icons ===================== */
@font-face { @font-face {
font-family: 'icomoon'; font-family: 'icomoon';

View file

@ -44,13 +44,14 @@ svg:not(:root) {
*display: inline; *display: inline;
/* IE7 inline-block hack */ /* IE7 inline-block hack */
*zoom: 1; *zoom: 1;
padding: 12px; padding: 12px 24px;
margin-bottom: 2em; margin-bottom: 2em;
line-height: 1; line-height: 1;
text-align: center; text-align: center;
text-transform: uppercase; text-transform: uppercase;
vertical-align: middle; vertical-align: middle;
border: 4px double @textcolor; border: 4px double @textcolor;
.rounded(50px);
cursor: pointer; cursor: pointer;
*margin-left: .3em; *margin-left: .3em;
.transition(.4s linear); .transition(.4s linear);
@ -77,3 +78,17 @@ svg:not(:root) {
border-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));
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 11 KiB