fix: colors variables and remove extra spaces in js

FromDoppler · Feb 19, 2019 · cb75119 · cb75119
1 parent 158ea0b
commit cb75119
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 11 deletions.
diff --git a/assets/js/main.js b/assets/js/main.js
@@ -48,11 +48,10 @@ $(document).ready(function() {
 
   $('#open-menu').click(function() {
     $headerMain.addClass('open');
-
   });
+
   $('#close-menu').click(function() {
     $headerMain.removeClass('open');
-
   });
 
 });
diff --git a/assets/scss/core/_colors.scss b/assets/scss/core/_colors.scss
@@ -22,6 +22,7 @@ $dp-color-red: #E34F45;
 $dp-color-darkred: #A63A33;
 $dp-color-white: #FFFFFF;
 $dp-border-grey: #E8E8E8;
+$dp-color-default: #C9C7BD;
 
 .ghostwhite {
   background-color: $dp-color-ghostwhite;

diff --git a/assets/scss/templates/_guidelines.scss b/assets/scss/templates/_guidelines.scss
@@ -31,11 +31,12 @@
   padding: 0;
   margin: 20px 0;
   list-style: none;
-  font-size: $dp-font-size;
+  font-size: $dp-font-size-small;
   font-family: $dp-font-family;
 
   li {
     margin-bottom: 10px;
+    text-align: center;
   }
 }
 

diff --git a/assets/scss/templates/_header.scss b/assets/scss/templates/_header.scss
@@ -1,8 +1,8 @@
 /* header */
 $dp-header-height: 4em;
 $dp-border-radius: 5px;
-$dp-text-aling: center; /* header */
-
+$dp-text-aling: center;
+/* header */
 .header-main {
   height: $dp-header-height;
   border-bottom: 1px solid $dp-color-sylver;
@@ -122,7 +122,6 @@ $dp-text-aling: center; /* header */
   width: 100%;
 }
 /* nav right */
-
 .nav-right-main {
   display: flex;
 }
@@ -183,7 +182,7 @@ $dp-text-aling: center; /* header */
     text-transform: uppercase;
     font-family: Arial, Helvetica, sans-serif;
     width: 40px;
-    background: rgb(153, 207, 184);
+    background: $dp-color-default;
     transition: all 0.3s;
   }
 
@@ -197,7 +196,7 @@ $dp-text-aling: center; /* header */
     line-height: 60px;
     width: 60px;
     min-width: 60px;
-    background: rgb(153, 207, 184);
+    background: $dp-color-default;
     color: white;
     border-radius: 50%;
     text-align: center;
@@ -214,7 +213,7 @@ $dp-text-aling: center; /* header */
   border-bottom: 3px solid $dp-border-grey;
   border-left: 1px solid $dp-border-grey;
   border-right: 1px solid $dp-border-grey;
-  border-top: 3px solid #C9C7BD;
+  border-top: 3px solid $dp-color-default;
   border-radius: 3px;
   padding: 15px 15px 0;
   position: absolute;
@@ -237,7 +236,7 @@ $dp-text-aling: center; /* header */
     height: 0;
     width: 0;
     border-width: 0 4px 4px 4px;
-    border-color: transparent transparent #C9C7BD transparent;
+    border-color: transparent transparent $dp-color-default transparent;
     left: inherit;
     right: 12px;
     top: -7px;

diff --git a/assets/templates/index.html b/assets/templates/index.html
@@ -66,7 +66,7 @@
             <div class="user-menu"> <!--open-->
               <header>
                 <span class="user-avatar--menu">GB</span>
-                <p><span class="name ng-binding">Gus Baamonde</span><span class="email ng-binding">gbaamonde@makingsense.com</span></p>
+                <p><span class="name">Gus Baamonde</span><span class="email">gbaamonde@makingsense.com</span></p>
               </header>
               <div class="user-plan--container">
                 <div class="user-plan--type">