Kayzen

Logo

assets/modules/objects/logo

Files

  • _logo.scss
  • README.md

Github Page (customers only): https://github.com/esr360/Kayzen/tree/master/assets/modules/objects/logo

Module Overview

  • Name: logo
  • Modifiers: null
  • Components: null

Examples

<div class="logo">
    <a href="../../../"><img src="../../../images/logo.png" alt="logo" /></a>
</div>

<div class="logo">
    <a href="../../../">Kayzen</a>
</div>

Customizing

The Header can be customized using the following options:

Read the Configuration page to learn more about a module's configuration.

Property Name Default Value Description
text-align left The text-align value for the logo module.
color white The text color for the logo module.
size font-size('size-5') The module's font size.
padding 0 The module's padding.
image-height 38px The height of the logo's image element.

To change one of the above values, pass your new value(s) to the logo() mixin in your theme file (e.g. assets/themes/Kayzen/_kayzen.scss).

@include logo((
    'color' : black,
    'size'  : 25px
));