Merge pull request #18 from creativecommons/fix-styles

fix styles issues

Author: hugosolar

assets/css/styles.css

@@ -1,5 +1,18 @@
 .entry-content {
+  .title {
+    font-weight: $bold;
+  }
   .content {
+    a {
+      color: $link;
+      &:hover {
+        color: $link;
+        text-decoration: underline;
+      }
+    }
+    p {
+      margin-bottom: $space-normal;
+    }
     .og-numbers {
       list-style: none;
       counter-reset: og-counter;

front/src/styles/base.scss

@@ -15,6 +15,7 @@
     padding-top: $space-normal;
   }
   .main-navigation {
+    width: 100%;
     ul {
       list-style: none;
       .menu-item {
@@ -101,6 +102,18 @@
     }
   }
 }
+.home {
+  .main-content {
+    padding-left: 0;
+    padding-right: 0;
+    .entry-content {
+      @include touch() {
+        padding-left: $space-normal;
+        padding-right: $space-normal;
+      }    
+    }
+  }
+}
 .main-content {
   @include touch() {
     padding-left: $space-normal;

front/src/styles/layout.scss

@@ -1,6 +1,8 @@
 .homepage-header {
   .top-header-image {
     position: relative;
+    height: 170px;
+    overflow: hidden;
     a {
       &:hover {
         .attribution {
@@ -18,9 +20,15 @@
       color: $grey-dark;
       font-weight: $bold;
       font-size: $size-7;
+      @include mobile() {
+        left: 0;
+        width: 100%;
+      }
     }
     img {
       width: 100%;
+      height: 100%;
+      object-fit: cover;
     }
   }
 }
@@ -30,6 +38,9 @@
 
 .card {
   margin-bottom: $space-normal;
+  &:hover {
+    text-decoration: none !important;
+  }
   &.number-card {
     display: block;
     padding: $size-3;

front/src/styles/modules.scss

@@ -31,11 +31,13 @@ $brown : #BD7800;
 $yellow : #FFF2DF;
 $gray-light : #DBDBDB;
 $grey-dark : #353535;
+$black : #000000;
 
 $primary : $orange;
 $success : $light-green;
 
 $link: $orange;
+$title-color: $black;
 
 
 $brand-colors: (