changeset 7045:99f81d23ea20

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.
author domruf <dominikruf@gmail.com>
date Wed, 25 Oct 2017 20:37:52 +0200
parents eaf600434cf5
children 13b202c88e41
files kallithea/public/less/kallithea-variables.less kallithea/public/less/style.less
diffstat 2 files changed, 10 insertions(+), 4 deletions(-) [+]
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/kallithea/public/less/kallithea-variables.less	Wed Oct 25 20:37:52 2017 +0200
@@ -0,0 +1,4 @@
+@kallithea-logo-url:                "../images/kallithea-logo.svg";
+@kallithea-logo-width:              140px;
+@kallithea-logo-height:             30px;
+@kallithea-logo-bottom:             4px;
--- a/kallithea/public/less/style.less	Mon Nov 27 02:55:44 2017 +0100
+++ b/kallithea/public/less/style.less	Wed Oct 25 20:37:52 2017 +0200
@@ -8,6 +8,8 @@
  *
  */
 
+@import "kallithea-variables.less";
+
 body {
   background: url("../images/background.png") repeat scroll 0 0 #B0B0B0;
 }
@@ -113,10 +115,10 @@
     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;
   }
 }