This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="row"> | |
<div class="eight columns"> | |
Main content... | |
</div> | |
<div class="four columns"> | |
Sidebar... | |
</div> | |
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="row"> | |
<div class="eight columns"> | |
<div class="row"> | |
<div class="six columns"> | |
Six columns (nested) | |
</div> | |
<div class="six columns"> | |
Six columns (nested) | |
</div> | |
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="row"> | |
<div class="two columns push-ten"> | |
.two.columns | |
</div> | |
<div class="ten columns pull-two"> | |
.ten.columns (last) | |
</div> | |
</div> | |
<div class="row"> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<h2>This is a large main header.</h2> | |
<h4 class="subheader">This is a smaller subheader.</h4> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<h3>This is a large header. <small>This is a small segment of that header.</small></h3> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Variables | |
$ratio: $golden; | |
$base-size: 14px 44px; | |
// Modular Scale SCSS Function Syntax | |
h6 { font-size: ms(0); } // First Number in Scale | |
h5 { font-size: ms(1); } // Second Number in Scale | |
h4 { font-size: ms(2); } // Third Number in Scale |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<blockquote> | |
I do not fear computers. I fear the lack of them. | |
<cite>Isaac Asimov</cite> | |
</blockquote> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<form> | |
<label>This is a label.</label> | |
<input type="text" placeholder="Standard Input" /> | |
<label>Address</label> | |
<input type="text" class="twelve" placeholder="Street" /> | |
<div class="row"> | |
<div class="six columns"> | |
<input type="text" placeholder="City" /> | |
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<form> | |
<div class="row"> | |
<div class="two mobile-one columns"> | |
<label class="right inline">Address Name:</label> | |
</div> | |
<div class="ten mobile-three columns"> | |
<input type="text" placeholder="e.g. Home" class="eight" /> | |
</div> | |
</div> | |
<div class="row"> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<fieldset> | |
<legend>Fieldset Name</legend> | |
<label>This is a label.</label> | |
<input type="text" placeholder="Standard Input" /> | |
<label>Address</label> | |
<input type="text" /> | |
<input type="text" class="six" /> |
OlderNewer