variables_Old.json

[
	{ 
		"name" : "Colors",
		"data": [
			{ "key":"@black", "value":"#000", "type": "color"},
			{ "key":"@grayDarker", "value":"#222", "type": "color"},
			{ "key":"@grayDark", "value":"#333", "type": "color"},
			{ "key":"@gray", "value":"#555", "type": "color"},
			{ "key":"@grayLight", "value":"#999", "type": "color"},
			{ "key":"@grayLighter", "value":"#eee", "type": "color"},
			{ "key":"@white", "value":"#fff", "type": "color"},
			{ "key":"@blue", "value":"#049cdb", "type": "color"},
			{ "key":"@blueDark", "value":"#0064cd", "type": "color"},
			{ "key":"@green", "value":"#46a546", "type": "color"},
			{ "key":"@red", "value":"#9d261d", "type": "color"},
			{ "key":"@yellow", "value":"#ffc40d", "type": "color"},
			{ "key":"@orange", "value":"#f89406", "type": "color"},
			{ "key":"@pink", "value":"#c3325f", "type": "color"},
			{ "key":"@purple", "value":"#7a43b6", "type": "color"}
		]
	},
	
	{ 
		"name" : "Brand Colors",
		"data": [
			{ "key":"@mainBrandColor", "value":"#000", "type": "color"},
			{ "key":"@secondBrandColor", "value":"#222", "type": "color"},
			{ "key":"@thirdBrandColor", "value":"#333", "type": "color"},
			{ "key":"@callToActionColor", "value":"#333", "type": "color"}
		]
	},
	
	{ 
		"name" : "Scaffolding",
		"data": [
			{ "key":"@bodyBackground", "value":"@white", "type": "color"},
			{ "key":"@textColor", "value":"@grayDark", "type": "color"},
			{ "key":"@linkColor", "value":"#e06342", "type": "color"},
			{ "key":"@linkColorHover", "value": "darken(@linkColor, 15%)", "type": "color"},


			{"key":"@baseBorderRadius", "value":"4px", "type": "text"},
			{"key":"@borderRadiusLarge", "value":"6px", "type": "text"},
			{"key":"@borderRadiusSmall", "value":"3px", "type": "text"}
		]
	
	},
	
	{ 
		"name" : "Typography",
		"data": [
			{"key":"@sansFontFamily", "value":"'Helvetica Neue', Helvetica, Arial, sans-serif", "type": "font"},
			{"key":"@serifFontFamily", "value":"Georgia, 'Times New Roman', Times, serif", "type": "font"},
			{"key":"@monoFontFamily", "value":"Monaco, Menlo, Consolas, 'Courier New', monospace", "type": "font"},
			
			{"key":"@baseFontSize", "value":"14px", "type": "text"},
			{"key":"@baseFontFamily", "value":"@sansFontFamily", "type": "text"},
			{"key":"@baseLineHeight", "value":"20px", "type": "text"},
			{"key":"@altFontFamily", "value":"@serifFontFamily", "type": "text"},
			
			{"key":"@headingsFontFamily", "value":"inherit", "type": "text"}, 
			{"key":"@headingsFontWeight", "value":"bold", "type": "text"},    
			{"key":"@headingsColor", "value":"inherit", "type": "color"}
		] 
	
	},
	
	{ 
		"name" : "Component Sizing",
		"data": [
			{"key":"@fontSizeLarge", "value":"@baseFontSize * 1.25", "type": "text"}, 
			{"key":"@paddingLarge", "value":"11px 19px", "type": "text"}, 
			
			{"key":"@fontSizeSmall", "value":"@baseFontSize * 0.85", "type": "text"}, 
			{"key":"@paddingSmall", "value":"2px 10px", "type": "text"},  
			
			{"key":"@fontSizeMini", "value":"@baseFontSize * 0.75", "type": "text"}, 
			{"key":"@paddingMini", "value":"0 6px", "type": "text"}
			
		]
	
	},
	
	{ 
		"name" : "Buttons",
		"data":[
			{"key":"@btnBackground", "value":"@white", "type": "color"},
			{"key":"@btnBackgroundHighlight", "value":"darken(@white, 10%)", "type": "color"},
			{"key":"@btnBorder", "value":"#bbb", "type": "color"},
			
			{"key":"@btnPrimaryBackground", "value":"@linkColor", "type": "color"},
			{"key":"@btnPrimaryBackgroundHighlight", "value":"darken(@btnPrimaryBackground, 5%)", "type": "color"},
			
			{"key":"@btnInfoBackground", "value":"#5bc0de", "type": "color"},
			{"key":"@btnInfoBackgroundHighlight", "value":"#2f96b4", "type": "color"},
			
			{"key":"@btnSuccessBackground", "value":"#62c462", "type": "color"},
			{"key":"@btnSuccessBackgroundHighlight", "value":"#51a351", "type": "color"},
			
			{"key":"@btnWarningBackground", "value":"lighten(@orange, 15%)", "type": "color"},
			{"key":"@btnWarningBackgroundHighlight", "value":"@orange", "type": "color"},
			
			{"key":"@btnDangerBackground", "value":"#ee5f5b", "type": "color"},
			{"key":"@btnDangerBackgroundHighlight", "value":"#bd362f", "type": "color"},
			
			{"key":"@btnInverseBackground", "value":"#444", "type": "color"},
			{"key":"@btnInverseBackgroundHighlight", "value":"@grayDarker", "type": "color"}
		]
	
	},
	
	{ 
		"name" : "Dropdowns",
			"data": [
			{"key":"@dropdownBackground", "value":"@white", "type": "color"},
			{"key":"@dropdownBorder", "value":"text(0,0,0,.2)", "type": "text"},
			{"key":"@dropdownDividerTop", "value":"#e5e5e5", "type": "color"},
			{"key":"@dropdownDividerBottom", "value":"@white", "type": "color"},
			
			{"key":"@dropdownLinkColor", "value":"@grayDark", "type": "color"},
			{"key":"@dropdownLinkColorHover", "value":"@white", "type": "color"},
			{"key":"@dropdownLinkColorActive", "value":"@white", "type": "color"},
			
			{"key":"@dropdownLinkBackgroundActive", "value":"@linkColor", "type": "color"},
			{"key":"@dropdownLinkBackgroundHover", "value":"@dropdownLinkBackgroundActive", "type": "color"}
		]   

	},

	{ 
		"name" : "Forms",
		"data": [
			{"key":"@inputBackground", "value":"@white", "type": "color"},
			{"key":"@inputBorder", "value":"#ccc", "type": "color"},
			{"key":"@inputBorderRadius", "value":"@baseBorderRadius", "type": "text"},
			{"key":"@inputDisabledBackground", "value":"@grayLighter", "type": "color"},
			{"key":"@formActionsBackground", "value":"#f5f5f5", "type": "color"},
			{"key":"@inputHeight", "value":"@baseLineHeight + 10px", "type": "text"},
			{"key":"@horizontalComponentOffset", "value":"180px", "type": "text"},
		    {"key":"@placeholderText", "value":"@grayLight", "type": "color"},
		    {"key":"@hrBorder", "value":"@grayLighter", "type": "color"},
		    
		    {"key":"@wellBackground", "value":"#f5f5f5", "type": "color"}
		]
	
	},
	
	
	{ 
		"name" : "Table",
		"data": [
			{"key":"@tableBackground", "value":"transparent", "type": "color"},
			{"key":"@tableBackgroundAccent", "value":"#f9f9f9", "type": "color"},
			{"key":"@tableBackgroundHover", "value":"#f5f5f5", "type": "color"},
			{"key":"@tableBorder", "value":"#ddd", "type": "color"}
		]
	
	},
	
	{ 
		"name" : "Navbar",
		"data": [
			{"key":"@navbarCollapseWidth", "value":"979px", "type": "text"},
			{"key":"@navbarCollapseDesktopWidth", "value":"@navbarCollapseWidth + 1", "type": "text"},
			
			{"key":"@navbarHeight", "value":"40px", "type": "text"},
			{"key":"@navbarBackgroundHighlight", "value":"#ffffff", "type": "color"},
			{"key":"@navbarBackground", "value":"darken(@navbarBackgroundHighlight, 5%)", "type": "color"},
			{"key":"@navbarBorder", "value":"darken(@navbarBackground, 12%)", "type": "color"},
			
			{"key":"@navbarText", "value":"#777", "type": "color"},
			{"key":"@navbarLinkColor", "value":"#777", "type": "color"},
			{"key":"@navbarLinkColorHover", "value":"@grayDark", "type": "color"},
			{"key":"@navbarLinkColorActive", "value":"@gray", "type": "color"},
			{"key":"@navbarLinkBackgroundHover", "value":"transparent", "type": "color"},
			{"key":"@navbarLinkBackgroundActive", "value":"darken(@navbarBackground, 5%)", "type": "color"},
			
			{"key":"@navbarBrandColor", "value":"@navbarLinkColor", "type": "color"}
		]
		
	},
		
	{ 
		"name" : "Hero Unit",
		"data": [
			{"key":"@heroUnitBackground", "value":"@grayLighter", "type": "color"},
			{"key":"@heroUnitHeadingColor", "value":"inherit", "type": "color"},
			{"key":"@heroUnitLeadColor", "value":"inherit", "type": "color"}
		]

	},
	
	{ 
		"name" : "Pagination",
		"data": [
			{"key":"@paginationBackground", "value":"#fff", "type": "color"},
			{"key":"@paginationBorder", "value":"#ddd", "type": "color"},
			{"key":"@paginationActiveBackground", "value":"#f5f5f5", "type": "color"}
		]

	},

	{ 
		"name" : "Form States",
		"data": [
			{"key":"@warningText", "value":"#c09853", "type": "color"},
			{"key":"@warningBackground", "value":"#fcf8e3", "type": "color"},
			{"key":"@warningBorder", "value":"darken(spin(@warningBackground, -10), 3%)", "type": "color"},
			
			{"key":"@errorText", "value":"#b94a48", "type": "color"},
			{"key":"@errorBackground", "value":"#f2dede", "type": "color"},
			{"key":"@errorBorder", "value":"darken(spin(@errorBackground, -10), 3%)", "type": "color"},
			
			{"key":"@successText", "value":"#468847", "type": "color"},
			{"key":"@successBackground", "value":"#dff0d8", "type": "color"},
			{"key":"@successBorder", "value":"darken(spin(@successBackground, -10), 5%)", "type": "color"},
			
			{"key":"@infoText", "value":"#3a87ad", "type": "color"},
			{"key":"@infoBackground", "value":"#d9edf7", "type": "color"},
			{"key":"@infoBorder", "value":"darken(spin(@infoBackground, -10), 7%)", "type": "color"}
		]
  
  	},
  	
  	{ 
  		"name" : "toolTip",
  		"data": [
	  		{"key":"@tooltipColor", "value":"#fff", "type": "color"},
	  		{"key":"@tooltipBackground", "value":"#000", "type": "color"},
	  		{"key":"@tooltipArrowWidth", "value":"5px", "type": "color"},
	  		{"key":"@tooltipArrowColor", "value":"@tooltipBackground", "type": "color"}
	  	]	
  	
  	},
  	
  	{ 
		"name" : "popOver",
  		"data":[
	  		{"key":"@popoverBackground", "value":"#fff", "type": "color"},
	  		{"key":"@popoverArrowWidth", "value":"10px", "type": "text"},
	  		{"key":"@popoverArrowColor", "value":"#fff", "type": "color"},
	  		{"key":"@popoverTitleBackground", "value":"darken(@popoverBackground, 3%)", "type": "color"},
	  		
	  		{"key":"@popoverArrowOuterWidth", "value":"@popoverArrowWidth + 1", "type": "color"},
	  		{"key":"@popoverArrowOuterColor", "value":"text(0,0,0,.25)", "type": "color"}
	  	]
  	},
  	
	{ 
		"name" : "Sprites",
		"data": [
			{"key":"@iconSpritePath", "value":"'../twitter-bootstrap/img/glyphicons-halflings.png'", "type": "icons"},
			{"key":"@iconWhiteSpritePath", "value":"'../twitter-bootstrap/img/glyphicons-halflings-white.png'", "type": "icons"}

		]
	},
  	
	{ 
		"name" : "Private",
		"data": [
			{"key":"@zindexDropdown", "value":"1000", "type": "text"},
			{"key":"@zindexPopover", "value": "1010", "type": "text"},
			{"key":"@zindexTooltip", "value": "1030", "type": "text"},
			{"key":"@zindexFixedNavbar", "value": "1030", "type": "text"},
			{"key":"@zindexModalBackdrop", "value": "1040", "type": "text"},
			{"key":"@zindexModal", "value": "1050", "type": "text"},

			{"key":"@navbarInverseBackground", "value": "#111111", "type": "color"},
			{"key":"@navbarInverseBackgroundHighlight", "value": "#222222", "type": "color"},
			{"key":"@navbarInverseBorder", "value": "#252525", "type": "color"},

			{"key":"@navbarInverseText", "value": "@grayLight", "type": "color"},
			{"key":"@navbarInverseLinkColor", "value": "@grayLight", "type": "color"},
			{"key":"@navbarInverseLinkColorHover", "value": "@white", "type": "color"},
			{"key":"@navbarInverseLinkColorActive", "value": "@navbarInverseLinkColorHover", "type": "color"},
			{"key":"@navbarInverseLinkBackgroundHover", "value": "transparent", "type": "color"},
			{"key":"@navbarInverseLinkBackgroundActive", "value": "@navbarInverseBackground", "type": "color"},

			{"key":"@navbarInverseSearchBackground", "value": "lighten(@navbarInverseBackground, 25%)", "type": "color"},
			{"key":"@navbarInverseSearchBackgroundFocus", "value": "@white", "type": "color"},
			{"key":"@navbarInverseSearchBorder", "value": "@navbarInverseBackground", "type": "color"},
			{"key":"@navbarInverseSearchPlaceholderColor", "value": "#ccc", "type": "color"},

			{"key":"@navbarInverseBrandColor", "value": "@navbarInverseLinkColor", "type": "color"},

			{"key":"@gridColumns", "value": "12", "type": "text"},
			{"key":"@gridColumnWidth", "value": "60px", "type": "text"},
			{"key":"@gridGutterWidth", "value": "20px", "type": "text"},
			{"key":"@gridRowWidth", "value": "(@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1))", "type": "text"},

			{"key":"@gridColumnWidth1200", "value": "70px", "type": "text"},
			{"key":"@gridGutterWidth1200", "value": "30px", "type": "text"},
			{"key":"@gridRowWidth1200", "value": "(@gridColumns * @gridColumnWidth1200) + (@gridGutterWidth1200 * (@gridColumns - 1))", "type": "text"},

			{"key":"@gridColumnWidth768", "value": "42px", "type": "text"},
			{"key":"@gridGutterWidth768", "value": "20px", "type": "text"},
			{"key":"@gridRowWidth768", "value": "(@gridColumns * @gridColumnWidth768) + (@gridGutterWidth768 * (@gridColumns - 1))", "type": "text"},

			{"key":"@fluidGridColumnWidth", "value": "percentage(@gridColumnWidth/@gridRowWidth)", "type": "text"},
			{"key":"@fluidGridGutterWidth", "value": "percentage(@gridGutterWidth/@gridRowWidth)", "type": "text"},

			{"key":"@fluidGridColumnWidth1200", "value": "percentage(@gridColumnWidth1200/@gridRowWidth1200)", "type": "text"},
			{"key":"@fluidGridGutterWidth1200", "value": "percentage(@gridGutterWidth1200/@gridRowWidth1200)", "type": "text"},

			{"key":"@fluidGridColumnWidth768", "value": "percentage(@gridColumnWidth768/@gridRowWidth768)", "type": "text"},
			{"key":"@fluidGridGutterWidth768", "value": "percentage(@gridColumnWidth768/@gridRowWidth768)", "type": "text"}
		]
	}
]