Project upload

sass/components/_button.scss

@@ -0,0 +1,32 @@
+/*------------------------------------------------------------------
+  	[Button]
+------------------------------------------------------------------*/
+
+.btn-theme {
+	@include button();
+}
+
+.btn-icon {
+	@include position(relative, $top: 1px);
+	margin-right: 10px;
+}
+
+.btn-white-bg {
+	@include button-color($color-heading, $color-white, $color-white, $color-base, 0, transparent, transparent);
+}
+
+.btn-white-brd {
+	@include button-color($color-white, $color-heading, transparent, $color-white, 2px, $color-white, $color-white);
+}
+
+.btn-default-bg {
+	@include button-color($color-heading, $color-white, #f3f4f5, $color-base, 0, transparent, transparent);
+}
+
+.btn-theme-sm {
+	@include button-size(13px, 600, 15px 40px);
+}
+
+.btn-theme-md {
+	@include button-size(15px, 600, 20px 30px);
+}

sass/components/_progress-bar.scss

@@ -0,0 +1,14 @@
+/*------------------------------------------------------------------
+    [Progress Bar]
+------------------------------------------------------------------*/
+
+.progress-box {
+    .progress {
+        box-shadow: none;
+        height: 3px;
+    }
+
+    .progress-bar {
+        @include cubic-transition($delay: 0, $duration: 2000ms, $property: (all));
+    }
+}

sass/components/_social-icons.scss

@@ -0,0 +1,21 @@
+/*------------------------------------------------------------------
+  	[Social Icons]
+------------------------------------------------------------------*/
+
+.social-icons {
+	display: inline-block;
+	@include size(40px);
+	@include font($size: 16px);
+	color: $color-white;
+	text-align: center;
+	border-radius: 50%;
+	vertical-align: middle;
+	padding: 11px;
+	@include cubic-transition($delay: 0, $duration: 300ms, $property: (all));
+
+	&:hover {
+		color: $color-heading;
+		background: $color-white;
+		@include cubic-transition($delay: 0, $duration: 300ms, $property: (all));
+	}
+}