Mercurial > kallithea
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; } }