Sass Compiler

Installation

sudo apt install ruby-sass

Sass

Version anzeigen:

sass -v

(3.4.23 (Selective Steve))

Sass konfig km-web-pre

cd /var/www/html/km-web-pre/user/themes/
scss --watch km-20-06/scss:km-20-06/css-compiled

Theme-Ableitung

Quark-Änderungen

To make style changes to Quark, you can add code to file ‘/user/themes/quark/css/custom.css’

    For menu items displayed on screens larger then 840 pixels (expanded menu)
        To change the default colour of menu items add the following:

        #header .dropmenu ul li a {
          color: red;
        }

        To change the colour of menu items with active, focus and hover add the following:

        .dropmenu ul li a.active, 
        .dropmenu ul li a:focus, 
        .dropmenu ul li a:hover {
          color: yellow !important;
        }

    For menu items displayed on mobile (collapsed menu)
        To change the default colour of menu items add the following:

        .treemenu li a {
          color: red;
        }

        To change the colour of menu items with active, focus and hover add the following:

        .treemenu li a.active,
        .treemenu li a:focus,
        .treemenu li a:hover {
          color: yellow!important;
        }