SASS Variables
==============

Gallery
--------

Filename: _gallery.scss, _gallery.light.scss

.. list-table:: 
   :widths: 30 22 25 50
   :header-rows: 1

   * - Name
     - Type
     - Default
     - Description
   * - $galleryBackground
     - Color
     - #111
     - Gallery background color
   * - $galleryBorder
     - Border specs
     - 1px solid #333
     - Default gallery border
   * - $galleryMinHeight
     - Number
     - 650px
     - Gallery minimum height
   * - $galleryMaxWidth
     - Number
     - 984px
     - Gallery maximum width


Button List
----------------

Filename: _buttonlist.scss, _buttonlist.light.scss

.. list-table:: 
   :widths: 30 22 25 50
   :header-rows: 1

   * - 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

.. list-table:: 
   :widths: 30 22 25 50
   :header-rows: 1

   * - 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

.. list-table:: 
   :widths: 30 22 25 50
   :header-rows: 1

   * - 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

.. list-table:: 
   :widths: 30 22 25 50
   :header-rows: 1

   * - Name
     - Type
     - Default
     - Description
   * - $componentContainerBottom
     - Number
     - 0%
     - Distance from component group to container bottom edge

Sidebar Controls
----------------

Filename: _sbcontrols.scss, _sbcontrols.light.scss

.. list-table:: 
   :widths: 30 22 25 50
   :header-rows: 1

   * - Name
     - Type
     - Default
     - Description
   * - $sbcTop
     - Number
     - 16px
     - Distance to container top edge
   * - $sbcRight
     - Number
     - 10px
     - Distance to container right edge

Text Display
-------------

Filename: _textdisplay.scss, _textdisplay.light.scss

.. list-table:: 
   :widths: 30 22 25 50
   :header-rows: 1

   * - 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