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:

$primary1: #FF6600 !default;
$primary5: #000 !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;

$primary1

$primary1: #FF6600 !default;

Specifies primary theme colour. Defaults to #FF6600.

$primary5

$primary5: #000 !default;

Specifies secondary theme colour (primaries 2–4 are currently unused). Defaults to #000.

$xtatik-productnumber-text-color

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

Colour for product numbers. Defaults to #999

FOOTER

$xtatik-footer-text-color

$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

$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

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

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

$xtatik-footer-bg

$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

$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

$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

$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

cpanm XTaTIK

perl -MCPAN -e shell
install XTaTIK