# HG changeset patch
# User domruf <dominikruf@gmail.com>
# Date 2017-10-25 20:37:52
# Node ID 99f81d23ea20d7a9e424e05d30b182f9b88e9c5a
# Parent  eaf600434cf5def75d4e2b6413c950ee55de038a

less: introduce less variables and use them to control the logo styling

This will make it easier to customize the logo.

Also introduce kallithea-variables.less, intended to contain various values
that easily can be modified to change most of the styling.

Original patch modified by Mads Kiilerich to just change the styling method
without changing the look.

diff --git a/kallithea/public/less/kallithea-variables.less b/kallithea/public/less/kallithea-variables.less
new file mode 100644
--- /dev/null
+++ b/kallithea/public/less/kallithea-variables.less
@@ -0,0 +1,4 @@
+@kallithea-logo-url:                "../images/kallithea-logo.svg";
+@kallithea-logo-width:              140px;
+@kallithea-logo-height:             30px;
+@kallithea-logo-bottom:             4px;
diff --git a/kallithea/public/less/style.less b/kallithea/public/less/style.less
--- a/kallithea/public/less/style.less
+++ b/kallithea/public/less/style.less
@@ -8,6 +8,8 @@
  *
  */
 
+@import "kallithea-variables.less";
+
 body {
   background: url("../images/background.png") repeat scroll 0 0 #B0B0B0;
 }
@@ -113,10 +115,10 @@ nav.navbar {
     content: "";
     display: inline-block;
     margin-right: .2em;
-    background-image: url("../images/kallithea-logo.svg");
-    width: 140px;
-    height: 30px;
-    margin-bottom: -4px;
+    background-image: url(@kallithea-logo-url);
+    width: @kallithea-logo-width;
+    height: @kallithea-logo-height;
+    margin-bottom: -@kallithea-logo-bottom;
     margin-top: -12px;
   }
 }