working on the blog section

3 files changed, 61 insertions, 0 deletions

diff --git a/source/stylesheets/_blog.scss b/source/stylesheets/_blog.scss
new file mode 100644
index 0000000..13db407
--- /dev/null
+++ b/source/stylesheets/_blog.scss
@@ -0,0 +1,17 @@
+article {
+  @extend .container-fluid;
+  margin-bottom: 30px;
+}
+
+aside.blog-date {
+  @extend .col-md-2;
+}
+
+div.blog-inner {
+  @extend .col-md-8;
+}
+
+h3.blog-article-heading {
+  margin-top: 0px;
+}
+
diff --git a/source/stylesheets/_variables.scss b/source/stylesheets/_variables.scss
index c254708..4374425 100644
--- a/source/stylesheets/_variables.scss
+++ b/source/stylesheets/_variables.scss
@@ -139,3 +139,41 @@ $panel-warning-heading-bg:    $state-warning-bg;
 $panel-danger-text:           $state-danger-text;
 $panel-danger-border:         $state-danger-border;
 $panel-danger-heading-bg:     $state-danger-bg;
+
+
+//== Pagination
+//
+//##
+
+$pagination-color:                     #fff;
+$pagination-bg:                        $gray-darker;
+$pagination-border:                    $gray-dark;
+
+$pagination-hover-color:               #fff;
+$pagination-hover-bg:                  $component-active-bg;
+$pagination-hover-border:              transparent;
+
+$pagination-active-color:              #fff;
+$pagination-active-bg:                 $brand-primary;
+$pagination-active-border:             transparent;
+
+$pagination-disabled-color:            $gray-light;
+$pagination-disabled-bg:               $gray-darker;
+$pagination-disabled-border:           $gray-dark;
+
+
+//== Pager
+//
+//##
+
+$pager-bg:                             $pagination-bg;
+$pager-border:                         $pagination-border;
+$pager-border-radius:                  15px;
+
+$pager-hover-bg:                       $pagination-hover-bg;
+
+$pager-active-bg:                      $pagination-active-bg;
+$pager-active-color:                   $pagination-active-color;
+
+$pager-disabled-color:                 $gray-light;
+
diff --git a/source/stylesheets/base.css.scss b/source/stylesheets/base.css.scss
index 4f954be..6125efa 100644
--- a/source/stylesheets/base.css.scss
+++ b/source/stylesheets/base.css.scss
@@ -9,6 +9,10 @@ header {
   @extend .row;
 }
 
+#content {
+  @extend .row;
+}
+
 #main {
   @extend .col-sm-8;
   @extend .col-sm-offset-2;
@@ -35,3 +39,5 @@ nav ul {
 .navbar-collapse {
   @extend .col-sm-offset-2;
 }
+
+@import "blog";