Easy customize (#138)

* Making easy to customize listing

* adding styles to listing

* removing unintended changes

* correcting declaration

* including files for release

* changing url to be relative so it can work on localhost

* Including suggestions

assets/scss/_content.scss

@@ -71,7 +71,7 @@
       @media only screen and (max-width : 768px) {
         margin: 1.6rem 0 1.6rem 0;
       }
-      span {
+      .date {
         display: inline-block;
         width: 20.0rem;
         text-align: right;
@@ -81,7 +81,7 @@
           text-align: left;
         }
       }
-      a {
+      .title {
         font-size: 1.8rem;
         color: $fg-color;
         font-family: $heading-font-family;

assets/scss/_content_inverted.scss

@@ -5,7 +5,7 @@ body.inverted {
     .list {
       ul {
         li {
-          a {
+          .title {
             color: $fg-color-inverted;
             &:hover,
             &:focus {

assets/scss/_content_rtl.scss

@@ -20,7 +20,7 @@ body.rtl {
   .list {
     ul {
       li {
-        span {
+        .date {
           text-align: left;
           margin-left: 3.0rem;
           margin-right: 0;