From 26bcc2b5f201090ddb56d0463260b601eb3a94a8 Mon Sep 17 00:00:00 2001
From: Henriette Dinger <h.dinger@finn.de>
Date: Fri, 24 Feb 2017 14:41:30 +0100
Subject: [PATCH] Use varprop mixin && fix icon bug

---
 app/assets/stylesheets/openproject/_onboarding.sass | 8 ++++----
 app/assets/stylesheets/vendor/_ng_dialog.sass       | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/assets/stylesheets/openproject/_onboarding.sass b/app/assets/stylesheets/openproject/_onboarding.sass
index 28d61f4520..46d43e2148 100644
--- a/app/assets/stylesheets/openproject/_onboarding.sass
+++ b/app/assets/stylesheets/openproject/_onboarding.sass
@@ -29,8 +29,8 @@
 // Align ngDialog's close button
 .onboarding-modal .ngdialog-close,
 .ngdialog-theme-openproject .ngdialog-close
-  line-height: $header-height
-  color: $header-item-font-color
+  @include varprop(line-height, header-height)
+  @include varprop(color, header-item-font-color)
 
 .onboarding--top-menu
   display: flex
@@ -45,7 +45,7 @@
   .icon-context
     margin-left: 1.5em
   h2
-    color: $header-item-font-color
+    @include varprop(color, header-item-font-color)
     padding: 0 0.5em
     font-size: 1.25rem
 
@@ -54,7 +54,7 @@
     top: 1rem
     right: 0.5rem
     z-index: 1000
-    color: $header-item-font-color
+    @include varprop(color, header-item-font-color)
 
 
 .onboarding--main
diff --git a/app/assets/stylesheets/vendor/_ng_dialog.sass b/app/assets/stylesheets/vendor/_ng_dialog.sass
index a6debb4b60..872bbe01e5 100644
--- a/app/assets/stylesheets/vendor/_ng_dialog.sass
+++ b/app/assets/stylesheets/vendor/_ng_dialog.sass
@@ -60,6 +60,6 @@
     top: 0
 
     &:before
-      @include icon-common
+      @include icon-font-common
       @extend .icon-context
       @extend .icon-close:before