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

Back Button
-----------

Filename: _bbtn.scss, _bbtn.light.scss

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

   * - Name
     - Type
     - Default
     - Description
   * - $bbtnColor
     - Color
     - #111
     - Back Button text color
   * - $bbtnBgColor
     - Color
     - rgba(0, 0, 0, 0)
     - Back Button background color
   * - $bbtnSize
     - Number
     - 32px
     - Back Button Size
   * - $bbtnTop
     - Number
     - 20px
     - Distance to container top edge
   * - $bbtnLeft
     - Number
     - 15px
     - Distance to container left edge


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

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

Fullscreen Button
-----------------

Filename: _fsbtn.scss, _fsbtn.light.scss

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

   * - Name
     - Type
     - Default
     - Description
   * - $fsbtnColor
     - Color
     - #eee
     - Fullscreen Button text color
   * - $fsbtnBgColor
     - Color
     - black
     - Fullscreen Button background color
   * - $fsbtnSize
     - Number
     - 18px
     - Fullscreen Button size
   * - $fsbtnBottom
     - Number
     - 20px
     - Distance to container bottom edge
   * - $fsbtnRight
     - Number
     - 15px
     - Distance to container right 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: _preloader.scss, _preloader.light.scss

pc3d
----

Fiilename: pc3d.dark.scss, pc3d.light.scss

Responsive
----------

Filename: _responsive.scss