NAME

XTaTIK::Docs::Appendix::SASSVariables - List of XTaTIK SASS Variables

BOOTSTRAP

XTaTIK uses Bootstrap3, so you can override any of its variables in your Company and Site vars files.

XTaTIK VARIABLES

XTaTIK also defines some of its own SASS variables:

    $xtatik-primary1: #FF6600 !default;
    $xtatik-primary2: #000 !default;
    $xtatik-light-on-dark-text: #fff !default;
    $xtatik-lighter-border-color: #eee !default;

    $xtatik-productnumber-text-color: #999 !default;

    $xtatik-footer-text-color:  $navbar-inverse-link-color !default;
    $xtatik-footer-contacts-bg: $navbar-inverse-link-active-bg !default;
    $xtatik-footer-link-color:  $navbar-inverse-link-color !default;
    $xtatik-footer-bg:          $navbar-inverse-bg !default;

    $xtatik-feeback-button-bg:  $navbar-inverse-bg !default;
    $xtatik-feeback-button-link-color:
                                $navbar-inverse-link-color !default;
    $xtatik-feeback-button-link-hover-color:
                                $navbar-inverse-link-hover-color !default;
    $xtatik-feeback-button-link-active-color:
                                $navbar-inverse-link-active-color !default;
    $xtatik-feeback-button-border-color:
                                $navbar-inverse-toggle-border-color !default;

$xtatik-primary1

    $xtatik-primary1: #FF6600 !default;

Specifies primary theme colour. Defaults to #FF6600.

$xtatik-primary2

    $xtatik-primary2: #000 !default;

Specifies secondary theme colour. Defaults to #000.

$xtatik-light-on-dark-text

    $xtatik-light-on-dark-text: #fff !default;

Specifies light-on-dark text colour. Defaults to #fff. Note: this variable might be removed in future releases.

$xtatik-lighter-border-color

    $xtatik-lighter-border-color: #eee !default;

Specifies light border colour. Defaults to #eee. Note: this variable might be removed in future releases.

$xtatik-productnumber-text-color

    $xtatik-productnumber-text-color: #999 !default;

Colour for product numbers. Defaults to #999

    $xtatik-footer-text-color:  $navbar-inverse-link-color !default;

Colour for footer text. Defaults to Bootstrap's $navbar-inverse-link-color

    $xtatik-footer-contacts-bg: $navbar-inverse-link-active-bg !default;

Colour for background of contacts footer portion. Defaults to Bootstrap's $navbar-inverse-link-active-bg

    $xtatik-footer-link-color:  $navbar-inverse-link-color !default;

Colour for footer links. Defaults to Bootstrap's $navbar-inverse-link-color

    $xtatik-footer-bg: $navbar-inverse-bg !default;

Colour for footer's background. Defaults to Bootstrap's $navbar-inverse-bg

FEEDBACK BUTTON

$xtatik-feeback-button-bg

    $xtatik-feeback-button-bg: $navbar-inverse-bg !default;

Colour for the feedback button's background. Defaults to Bootstrap's $navbar-inverse-bg

    $xtatik-feeback-button-link-color:
                            $navbar-inverse-link-color !default;

Colour for the feedback button's link colour. Defaults to Bootstrap's $navbar-inverse-link-color

    $xtatik-feeback-button-link-hover-color:
                            $navbar-inverse-link-hover-color !default;

Colour for the feedback button's link in hover state colour. Defaults to Bootstrap's $navbar-inverse-link-hover-color

    $xtatik-feeback-button-link-active-color:
                            $navbar-inverse-link-active-color !default;

Colour for the feedback button's link in active state colour. Defaults to Bootstrap's $navbar-inverse-link-active-color

$xtatik-feeback-button-border-color

    $xtatik-feeback-button-border-color:
                            $navbar-inverse-toggle-border-color !default;

Colour for the feedback button's border colour. Defaults to Bootstrap's $navbar-inverse-toggle-border-color