// These variables are for styling the touch scroll indicators, and are only included 
// when the Ext.scroll.Indicator is included, but they are documented under Ext.Component, 
// so users can find them easily 
/**
 * @class Ext.Component
 */
 
/**
 * @var {color}
 * The background color of scroll indicators when touch scrolling is enabled
 */
$scroll-indicator-background-color: #000 !default;
 
/**
 * @var {number}
 * The opacity of scroll indicators when touch scrolling is enabled
 */
$scroll-indicator-opacity: .5 !default;
 
/**
 * @var {number}
 * The border-radius of scroll indicators when touch scrolling is enabled
 */
$scroll-indicator-border-radius: 3px !default;
 
/**
 * @var {color}
 * The background color of scroll indicators when touch scrolling is enabled
 */
$scroll-indicator-size: 6px !default;
 
/**
 * @var {number}
 * The space between scroll indicators and the edge of their container
 */
$scroll-indicator-margin: 2px !default;