Breadcrumb visual adjustments

dioney · Aug 6, 2016 · 4effbda · 4effbda
1 parent 01107fa
commit 4effbda
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 2 deletions.
diff --git a/assets/style.css b/assets/style.css
@@ -1,5 +1,6 @@
 body {
     color: #777;
+    font-weight: normal;
 }
 
 .pure-img-responsive {
@@ -87,6 +88,24 @@ The content `<div>` is where all your content goes.
         font-size: .9em;
     }
 
+.breadcrumb{
+    margin-bottom: 2em;
+    display: table;
+}
+
+.breadcrumb a{
+    color: #999;
+    padding: 0 0.8em;
+    text-decoration: none;
+    font-size: .9em;
+    font-weight: normal;
+}
+
+.breadcrumb a:hover,
+.breadcrumb a:focus{
+    color: #2097e6;
+}
+
 .site-logo{
     color: #fff;
     font-size: 1.4em;

diff --git a/index.html b/index.html
@@ -53,7 +53,8 @@ <h2 class="pure-menu-heading">Configurações</h2>
 
 		<div class="content">
 			<div class="breadcrumb">
-				<i class="fa fa-home"></i> <a href="#" rel="Dashboard">Dashboard</a><i class="fa fa-angle-right"></i>
+				<i class="fa fa-home"></i><a href="#" rel="Dashboard">Dashboard</a>
+				<i class="fa fa-angle-right"></i><a href="#" rel="Dashboard">Sales</a>
 			</div>
 			<div class="pure-g">
 				<div class="pure-u-1-2 box">
@@ -108,7 +109,8 @@ <h3 class="header-title">Sales</h3>
 						<h3 class="header-title">Posts</h3>
 					</div>
 					<div class="box-content">
-						<p>as vendas estão ótimas</p>
+						<a href="#">Title my post in draft</a>
+						<p>My content post is very good.</p>
 					</div>
 				</div>
 			</div>