SASS Variables

Button List

Filename: _buttonlist.scss, _buttonlist.light.scss

Name

Type

Default

Description

$buttonSelectedColor

Color

black

Selected button color

$buttonColor

Color

#eee

Button Color

$buttonListSize

Number

14px

Button size

$buttonListMarginBottom

Number

16px

Margin bottom for Button List

$buttonListDistance

Number

4px

Distance between each buttons

Button Navigator

Filename: _buttonnav.scss, _buttonnav.light.scss

Name

Type

Default

Description

$buttonNavColor

Color

#eee

ButtonNavigator color

$buttonNavBgColor

Color

black

ButtonNavigator background color

$buttonNavSize

Number

40px

ButtonNavigator size in pixels

$buttonNavDistance

Number

20px

Distance from the buttons to left and right edge

Category Menu

Filename: _categorymenu.scss, _categorymenu.light.scss

Name

Type

Default

Description

$topLabelBgColor

Color

#f52c65

Top label background color

$topLabelColor

Color

#fff

Top label text color

$topLabelBorderRadius

Number

4px

Top label border radius

$categoryMenuBackgroundColor

Color

rgba(25, 25, 25, 0.85)

Category menu background color

$categoryMenuFontFamily

String

‘Roboto’

The font-family for category menu

$categoryMenuBackgroundColor

Color

rgba(25, 25, 25, 0.85)

Background color for category menu

Components

Filename: _components.scss, _components.light.scss

Name

Type

Default

Description

$componentContainerBottom

Number

0%

Distance from component group to container bottom edge

Text Display

Filename: _textdisplay.scss, _textdisplay.light.scss

Name

Type

Default

Description

$textFont

String

‘Open Sans’

Base text font for title and description components

$desColor

Color

#999

Description text color

$desPadding

Padding specc

8px 2px

Padding around description component

$desHeight

Number

90px

Description height

$desBackground

Color

rgba(0, 0, 0, 0.0)

Description background color

$desFontFamily

String

‘Open Sans’

Description font family

$desFontSize

Number

14px

Description front size

$titleColor

Number

#fff

Title text color

$titleFontSize

Number

18px

Title font size

$titleFontFamily

String

‘Open Sans’

Title font family

$titleTextTransform

String

uppercase

Text transform for title

Preloader

Filename: _ringpreloader.scss

mg3d

Fiilename: mg3d.dark.scss, mg3d.light.scss

Responsive

Filename: _responsive.scss