<commit_before><? $page_title = "Buttons"; ?>
<?php include("includes/_documentation_head.php"); ?>
	
	<div class="container">
		<div class="row">
			<div class="twelve columns">
				<div class="foundation-header">
					<h1><a href="index.php">Foundation Docs</a></h1>
					<h4 class="subheader">Rapid prototyping and building library from ZURB.</h4>
				</div>
			
				<dl class="nice tabs mobile hide-on-phones">
					<dd><a href="index.php">Getting Started</a></dd>
					<dd><a href="grid.php">Grid</a></dd>
					<dd><a href="buttons.php" class="active">Buttons</a></dd>
					<dd><a href="forms.php">Forms</a></dd>
					<dd><a href="layout.php">Layout</a></dd>
					<dd><a href="ui.php">UI</a></dd>
					<dd><a href="orbit.php">Orbit</a></dd>
					<dd><a href="reveal.php">Reveal</a></dd>
					<dd><a href="rails.php">Rails</a></dd>
					<dd><a href="qa.php">QA</a></dd>
				</dl>
			</div>
		</div>
		
		<div class="row">
			<div class="eight columns">
				<h3>Buttons</h3>
				<h4 class="subheader">We &lt;3 buttons. And so do you! That's why Foundation has multiple buttons styles and color that are not only badass out of the box, but easy to customize for your projects.</h4>
				<hr />
				
				<h4>Simple Buttons</h4>
				<p>Foundation buttons have a number of parameters and styles - you can see a few examples below. The out of the box classes include size, color and style (square, slightly rounded, and completely rounded).</p>
				<p><script src="http://snipt.net/embed/269a08f1db74949e80ee8b40351e609c"></script></p><br />
				<div class="row">
					<div class="six columns">
						<a href="#" class="small blue button radius">Do Something &raquo;</a><br /><br />
						<a href="#" class="blue button radius">Do Something &raquo;</a><br /><br />
						<a href="#" class="large blue button radius">Do Something &raquo;</a><br /><br />
						<br /><br />
						<a href="#" class="small red button radius">Do Something &raquo;</a><br /><br />
						<a href="#" class="red button radius">Do Something &raquo;</a><br /><br />
						<a href="#" class="large red button radius">Do Something &raquo;</a><br /><br />
						<br /><br />
					</div>
					<div class="six columns">
						<a href="#" class="small white button radius">Do Something &raquo;</a><br /><br />
						<a href="#" class="white radius button">Do Something &raquo;</a><br /><br />
						<a href="#" class="large white button radius">Do Something &raquo;</a><br /><br />
						<br /><br />
						<a href="#" class="small charcoal button radius">Do Something &raquo;</a><br /><br />
						<a href="#" class="charcoal button radius">Do Something &raquo;</a><br /><br />
						<a href="#" class="large charcoal button radius">Do Something &raquo;</a><br /><br />
						<br /><br />
					</div>
				</div>		
				
				<hr />
				
				<h4>Nice Buttons</h4>
				<p>Nice buttons have a little more pizazz using a background image, but they still support the same classes as any other button including color, size, and corner radius.</p>
				<p><script type="text/javascript" src="http://snipt.net/embed/ac514168311a363dd4b5130a20cd1efb"></script></p><br />
				<div class="row">
					<div class="six columns">
						<a href="#" class="small blue nice button radius">Do Something &raquo;</a><br /><br />
						<a href="#" class="blue nice button radius">Do Something &raquo;</a><br /><br />
						<a href="#" class="large blue nice button radius">Do Something &raquo;</a><br /><br />
						<br /><br />
						<a href="#" class="small red nice button radius">Do Something &raquo;</a><br /><br />
						<a href="#" class="red nice button radius">Do Something &raquo;</a><br /><br />
						<a href="#" class="large red nice button radius">Do Something &raquo;</a><br /><br />
						<br /><br />
					</div>
					<div class="six columns">
						<a href="#" class="small white nice button radius">Do Something &raquo;</a><br /><br />
						<a href="#" class="white radius nice button">Do Something &raquo;</a><br /><br />
						<a href="#" class="large white nice button radius">Do Something &raquo;</a><br /><br />
						<br /><br />
						<a href="#" class="small charcoal nice button radius">Do Something &raquo;</a><br /><br />
						<a href="#" class="charcoal nice button radius">Do Something &raquo;</a><br /><br />
						<a href="#" class="large charcoal nice button radius">Do Something &raquo;</a><br /><br />
						<br /><br />
					</div>
				</div>
			</div>
			<div class="four columns">
				<? include("includes/_download.php"); ?>
			</div>
		</div>
		
		<div class="row">
			<div class="twelve columns">
				<dl class="nice tabs mobile show-on-phones">
					<dd><a href="index.php">Getting Started</a></dd>
					<dd><a href="grid.php">Grid</a></dd>
					<dd><a href="buttons.php" class="active">Buttons</a></dd>
					<dd><a href="forms.php">Forms</a></dd>
					<dd><a href="layout.php">Layout</a></dd>
					<dd><a href="ui.php">UI</a></dd>
					<dd><a href="orbit.php">Orbit</a></dd>
					<dd><a href="reveal.php">Reveal</a></dd>
					<dd><a href="qa.php">QA</a></dd><commit_msg>Fixed the documentation for .black buttons (no longer .charcoal)<commit_after><? $page_title = "Buttons"; ?>
<?php include("includes/_documentation_head.php"); ?>
	
	<div class="container">
		<div class="row">
			<div class="twelve columns">
				<div class="foundation-header">
					<h1><a href="index.php">Foundation Docs</a></h1>
					<h4 class="subheader">Rapid prototyping and building library from ZURB.</h4>
				</div>
			
				<dl class="nice tabs mobile hide-on-phones">
					<dd><a href="index.php">Getting Started</a></dd>
					<dd><a href="grid.php">Grid</a></dd>
					<dd><a href="buttons.php" class="active">Buttons</a></dd>
					<dd><a href="forms.php">Forms</a></dd>
					<dd><a href="layout.php">Layout</a></dd>
					<dd><a href="ui.php">UI</a></dd>
					<dd><a href="orbit.php">Orbit</a></dd>
					<dd><a href="reveal.php">Reveal</a></dd>
					<dd><a href="rails.php">Rails</a></dd>
					<dd><a href="qa.php">QA</a></dd>
				</dl>
			</div>
		</div>
		
		<div class="row">
			<div class="eight columns">
				<h3>Buttons</h3>
				<h4 class="subheader">We &lt;3 buttons. And so do you! That's why Foundation has multiple buttons styles and color that are not only badass out of the box, but easy to customize for your projects.</h4>
				<hr />
				
				<h4>Simple Buttons</h4>
				<p>Foundation buttons have a number of parameters and styles - you can see a few examples below. The out of the box classes include size, color and style (square, slightly rounded, and completely rounded).</p>
				<p><script src="http://snipt.net/embed/269a08f1db74949e80ee8b40351e609c"></script></p><br />
				<div class="row">
					<div class="six columns">
						<a href="#" class="small blue button radius">Do Something &raquo;</a><br /><br />
						<a href="#" class="blue button radius">Do Something &raquo;</a><br /><br />
						<a href="#" class="large blue button radius">Do Something &raquo;</a><br /><br />
						<br /><br />
						<a href="#" class="small red button radius">Do Something &raquo;</a><br /><br />
						<a href="#" class="red button radius">Do Something &raquo;</a><br /><br />
						<a href="#" class="large red button radius">Do Something &raquo;</a><br /><br />
						<br /><br />
					</div>
					<div class="six columns">
						<a href="#" class="small white button radius">Do Something &raquo;</a><br /><br />
						<a href="#" class="white radius button">Do Something &raquo;</a><br /><br />
						<a href="#" class="large white button radius">Do Something &raquo;</a><br /><br />
						<br /><br />
						<a href="#" class="small black button radius">Do Something &raquo;</a><br /><br />
						<a href="#" class="black button radius">Do Something &raquo;</a><br /><br />
						<a href="#" class="large black button radius">Do Something &raquo;</a><br /><br />
						<br /><br />
					</div>
				</div>		
				
				<hr />
				
				<h4>Nice Buttons</h4>
				<p>Nice buttons have a little more pizazz using a background image, but they still support the same classes as any other button including color, size, and corner radius.</p>
				<p><script type="text/javascript" src="http://snipt.net/embed/ac514168311a363dd4b5130a20cd1efb"></script></p><br />
				<div class="row">
					<div class="six columns">
						<a href="#" class="small blue nice button radius">Do Something &raquo;</a><br /><br />
						<a href="#" class="blue nice button radius">Do Something &raquo;</a><br /><br />
						<a href="#" class="large blue nice button radius">Do Something &raquo;</a><br /><br />
						<br /><br />
						<a href="#" class="small red nice button radius">Do Something &raquo;</a><br /><br />
						<a href="#" class="red nice button radius">Do Something &raquo;</a><br /><br />
						<a href="#" class="large red nice button radius">Do Something &raquo;</a><br /><br />
						<br /><br />
					</div>
					<div class="six columns">
						<a href="#" class="small white nice button radius">Do Something &raquo;</a><br /><br />
						<a href="#" class="white radius nice button">Do Something &raquo;</a><br /><br />
						<a href="#" class="large white nice button radius">Do Something &raquo;</a><br /><br />
						<br /><br />
						<a href="#" class="small black nice button radius">Do Something &raquo;</a><br /><br />
						<a href="#" class="black nice button radius">Do Something &raquo;</a><br /><br />
						<a href="#" class="large black nice button radius">Do Something &raquo;</a><br /><br />
						<br /><br />
					</div>
				</div>
			</div>
			<div class="four columns">
				<? include("includes/_download.php"); ?>
			</div>
		</div>
		
		<div class="row">
			<div class="twelve columns">
				<dl class="nice tabs mobile show-on-phones">
					<dd><a href="index.php">Getting Started</a></dd>
					<dd><a href="grid.php">Grid</a></dd>
					<dd><a href="buttons.php" class="active">Buttons</a></dd>
					<dd><a href="forms.php">Forms</a></dd>
					<dd><a href="layout.php">Layout</a></dd>
					<dd><a href="ui.php">UI</a></dd>
					<dd><a href="orbit.php">Orbit</a></dd>
					<dd><a href="reveal.php">Reveal</a></dd>
					<dd><a href="qa.php">QA</a></dd>
{'fraction_non_alphanumeric': 0.21558774263474234, 'fraction_numerical': 0.010838506256774067, 'mean_word_length': 3.2664985287936106, 'pattern_counts': {'":': 0, '<': 505, '<?xml version=': 0, '>': 505, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5494391', 'n_tokens_mistral': 4282, 'n_tokens_neox': 3329, 'n_words': 931}