small style fixes

Author: hugosolar

assets/css/styles.css

@@ -12,6 +12,12 @@
     }
     p {
       margin-bottom: $space-normal;
+      &.subtitle {
+        font-weight: $bold;
+        margin-top: -1rem;
+        margin-bottom: 4rem;
+        font-size: 1.4rem;
+      }
     }
     .og-numbers {
       list-style: none;
@@ -43,7 +49,7 @@
 
 .breadcrumbs {
   margin-bottom: $space-big;
-  font-size: $size-7;
+  font-size: 0.81rem;
   font-weight: $bold;
   .icon {
     margin: 0 $space-tiny;

front/src/styles/base.scss

@@ -68,10 +68,11 @@
     }
     h3 {
       text-transform: uppercase;
-      font-size: 1.3rem;
+      font-size: 1.5rem;
       font-weight: $bold;
     }
     p {
+      margin-bottom: 0;
       color: $black;
       font-size: $size-5;
     }

front/src/styles/modules.scss

@@ -31,13 +31,15 @@ $brown : #BD7800;
 $yellow : #FFF2DF;
 $gray-light : #DBDBDB;
 $grey-dark : #353535;
+$gray: #b0b0b0;
 $black : #000000;
 
 $primary : $orange;
 $success : $light-green;
 
 $link: $orange;
 $title-color: $black;
+$body-line-height: 1.6;
 
 
 $brand-colors: (
@@ -73,4 +75,10 @@ $brand-colors: (
 }
 @each $color-namespace, $brand-color in $brand-colors {
   @include color-classes($color-namespace, $brand-color);
+}
+
+@mixin placeholder {
+  &.placeholder { @content }
+  &:-moz-placeholder { @content }
+  &::-webkit-input-placeholder { @content }
 }

front/src/styles/variables.scss

@@ -37,6 +37,9 @@
       padding-top: 1.1rem;
       padding-bottom: 1.1rem;
       height: auto;
+      @include placeholder {
+        color: $gray;
+      }
     }
     .button {
       padding-top: 1.1rem;