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
// ---- | |
// Sass (v3.3.7) | |
// Compass (v1.0.0.alpha.18) | |
// ---- | |
/** | |
* Inverse Trigonometric Functions With Sass | |
* | |
* Functions that compute the values for angles whose | |
* sine, cosine, or tangent is known. |
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 style="padding: 0 5em;"> | |
<div class="page-header text-center"> | |
<h1> | |
We’re going to compare two colors <br> | |
<small>using our <code>get-color-diff</code> and <code>apply-color-diff</code> sass functions.</small> | |
</h1> | |
</div> | |
<p class="lead text-center">The difference between the two colors within <strong>Control</strong> and <strong>Test</strong> rows should match.</p> | |
<table class="table" style="margin-top: 4em;"> |
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="selectors"></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="foobar" style="padding: 20px"> | |
I'm 50% Workiva Green! | |
</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
<nav class="nav"> | |
<ul> | |
<li> | |
<a href="#">Home</a> | |
<a href="#">Page 1</a> | |
<a href="#">Page 2</a> | |
</li> | |
</ul> | |
</nav> |
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
<nav class="nav grid-block"> | |
<ul class="grid-block grid-content grid-collapse-vertical"> | |
<li> | |
<a href="#">Home</a> | |
<a href="#">Page 1</a> | |
<a href="#">Page 2</a> | |
</li> | |
</ul> | |
<div class="grid-block grid-content grid-collapse-vertical"> |
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
<a href="#">Hyperlink</a> |
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
<nav class="navbar grid-block"> | |
<ul class="nav grid-block"> | |
<li><a href="#">Home</a></li> | |
<li><a href="#">Page 1</a></li> | |
<li><a href="#">Page 2</a></li> | |
</ul> | |
<div class="navbar-login grid-block grid-shrink"> | |
<a class="btn login-btn" href="#login">log in</a> | |
</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="navbar"> | |
<div class="btn login-btn"> | |
login | |
</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="alert"> | |
<strong>Heads Up!</strong> I’m telling you this for your own good. | |
</div> | |
<!--<div class="alert-success">--> | |
<!-- <strong>Well done!</strong> You successfully read this important alert message.--> | |
<!--</div>--> | |
<!--<div class="alert-warning">--> | |
<!-- <strong>Warning!</strong> Better check yourself, you’re not looking too good.--> | |
<!--</div>--> | |
<!--<div class="alert-danger">--> |
OlderNewer