// 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: dynamic(#000);
 
/**
 * @var {number}
 * The opacity of scroll indicators when touch scrolling is enabled
 */
$scroll-indicator-opacity: dynamic(.5);
 
/**
 * @var {number}
 * The border-radius of scroll indicators when touch scrolling is enabled
 */
$scroll-indicator-border-radius: dynamic(3px);
 
/**
 * @var {color}
 * The background color of scroll indicators when touch scrolling is enabled
 */
$scroll-indicator-size: dynamic(6px);
 
/**
 * @var {number}
 * The space between scroll indicators and the edge of their container
 */
$scroll-indicator-margin: dynamic(2px);