Header buttons

Author: Davidtiger92

src/app/_common/header/buttons/buttons.hbs

@@ -0,0 +1,14 @@
+<div class="header-block header-block-buttons">
+	<button type="button" class="btn btn-secondary btn-sm rounded-s buttons">
+		<i class="fa fa-github-alt"></i>
+		View on GitHub
+	</button>
+	<button type="button" class="btn btn-secondary btn-sm rounded-s buttons">
+		<i class="fa fa-cloud-download"></i>
+		Download .zip
+	</button>
+	<button type="button" class="btn btn-secondary btn-sm rounded-s buttons">
+		<i class="fa fa-share-alt"></i>
+		Share
+	</button>
+</div>

src/app/_common/header/buttons/buttons.scss

@@ -0,0 +1,26 @@
+.header .header-block-buttons {
+	text-align: center;
+	margin-left: auto;
+	margin-right: auto;
+
+	.buttons {
+		background-color: $color-divider;
+		border: 1px solid $color-text;
+	}
+
+	button:hover {
+		background-color: $color-divider;
+		border-color: $color-primary;
+		color: $color-primary;
+	}
+
+	button:active {
+		background-color: $color-divider;
+		border-color: $color-primary;
+	}
+
+	button:focus {
+		background-color: $color-divider;
+		border-color: $color-primary;
+	}
+}

src/app/_common/header/header.hbs

@@ -3,6 +3,8 @@
 	{{> app/_common/header/collapse/collapse}}
 
 	{{> app/_common/header/search/search}}
+	
+	{{> app/_common/header/buttons/buttons}}
 
 	{{> app/_common/header/nav/nav}}