lib/generators/tmatt_cms/templates/css/style.css.scss in tmatt_cms-0.1.7 vs lib/generators/tmatt_cms/templates/css/style.css.scss in tmatt_cms-0.1.8

@@ -31,11 +31,11 @@
 img { max-width: 100%; }
 
 ul {
   &.fa-ul li {
     margin-bottom: $gutter/2.5;
-    .fa { margin-right: 5px; }
+    .fa { margin-right: .5rem; }
   }
 }
 
 ul, li {
   padding: 0;
@@ -43,11 +43,11 @@
   list-style: none;
 }
 
 ol, ul {
   margin-top: 0;
-  margin-bottom: 10px;
+  margin-bottom: 1rem;
 }
 
 
 ul, menu, dir {
   display: block;
@@ -71,21 +71,40 @@
   color: currentColor;
 }
 
 hr {
   margin: $gutter 0;
-  border-top: 1px solid $light-gray;
+  border-top: .1rem solid $light-gray;
 }
 
 mark { background: none; color: $font-highlight-color; }
 abbr[title] { border: 0; }
 
+#main {
+  transition: .3s;
+}
+
+.main-blur {
+  @include blur_image(.1rem);
+}
+
+.main-no-blur {
+  @include blur_image(0);
+}
+
 .block { display:block; }
 .inline-block { display:inline-block; }
 .relative { position:relative; }
 .absolute { position:absolute; }
 
+.full {
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+
 .overflow-h { overflow: hidden }
 
 .no-scroll { position: fixed; overflow-y:scroll }
 
 .m-c { margin:0 !important; }
@@ -269,20 +288,21 @@
 .text-white { color: $white !important; }
 .text-black { color: $black !important; }
 .text-orange { color: $orange !important; }
 .text-blue { color: $blue !important; }
 .text-grey { color: $gray; }
+.text-light-grey { color: $light-gray; }
 
 .pull-none { float: none; }
 .media > .pull-left { margin-right: $gutter*2; }
 .media > .pull-right { margin-left: $gutter*2; }
 
 .float_l { float: left; }
 .float_r { float: right; }
 
 .btn {
-  border-radius: .4rem;
+  border-radius: 0;
   border: .1rem solid $black;
 }
 
 .vertical-relative-center {
   position: relative;
@@ -307,11 +327,11 @@
 .table { display:table; }
 .table-row { display:table-row; }
 .table-cell { display:table-cell; }
 
 .bg-blur {
-  @include blur_image(10px);
+  @include blur_image(1rem);
 }
 
 .cover-black:after {
   @extend .image-bg;
   content: '';
@@ -329,19 +349,22 @@
   content: '';
   background-color: rgba(255, 255, 255, 0);
 }
 
 .image-bg {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
+  position: absolute !important;
+  top: -2rem;
+  right: -2rem;
+  bottom: -2rem;
+  left: -2rem;
   overflow: hidden;
+  z-index: $cover-image-index !important;
 }
 
 .cover-image {
-  background-repeat: no-repeat;background-size: cover;
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-position: center center;
 }
 
 .fa-lg {
   font-size: 1.3333333333em;
   line-height: 0.75em;
\ No newline at end of file