kallithea Changeset - 99f81d23ea20

Changeset - 99f81d23ea20

Parent rev.

Child rev.

[Not reviewed]

default

0 1 1

domruf - 8 years ago 2017-10-25 20:37:52
dominikruf@gmail.com

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.

2 files changed with 10 insertions and 4 deletions:

kallithea/public/less/kallithea-variables.less

kallithea/public/less/style.less

0 comments (0 inline, 0 general)

kallithea/public/less/kallithea-variables.less

➞

Show inline comments

@@ new file 100644 @@
 @kallithea-logo-url:                "../images/kallithea-logo.svg";
 @kallithea-logo-width:              140px;
 @kallithea-logo-height:             30px;
 @kallithea-logo-bottom:             4px;

kallithea/public/less/style.less

➞

Show inline comments

 /*!
  * Don't edit the css file directly.
+ *
  * Instead, edit the less file(s) and regenerate the css:
+ *
  * npm --prefix kallithea/public/less install
  * npm --prefix kallithea/public/less run less
+ *
  */
 @import "kallithea-variables.less";
 body {
   background: url("../images/background.png") repeat scroll 0 0 #B0B0B0;
+}
 /* Undo unfortunate Bootstrap default styling */
 body pre {
   display: inherit;
   padding: inherit;
   margin: inherit;
   font-size: inherit;
   line-height: inherit;
   color: inherit;
   word-break: inherit;
@@ @@ -104,28 +106,28 @@ nav.navbar .navbar-brand { @@
+}
 nav.navbar {
   min-height: 44px;
   background-color: #577632;
+}
 /* logo */
 .navbar-brand .branding {
   &:before {
     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;
+  }
+}
 /* every direct child of a panel, that is not .panel-heading, should auto
  * overflow to prevent overflowing of elements like text boxes and tables */
 .panel > :not(.panel-heading){
   overflow-x: auto;
   min-height: 0.01%;
+}
 /* language bars (summary page) */

0 comments (0 inline, 0 general)