Skip to content

Instantly share code, notes, and snippets.

View aaronlademann-wf's full-sized avatar

Aaron Lademann aaronlademann-wf

View GitHub Profile
@aaronlademann-wf
aaronlademann-wf / SassMeister-input-HTML.html
Last active October 1, 2015 16:16
Sass Nesting Example 2
<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">
@aaronlademann-wf
aaronlademann-wf / SassMeister-input-HTML.html
Last active October 1, 2015 15:48
Sass Nesting Example 1
<nav class="nav">
<ul>
<li>
<a href="#">Home</a>
<a href="#">Page 1</a>
<a href="#">Page 2</a>
</li>
</ul>
</nav>
@aaronlademann-wf
aaronlademann-wf / SassMeister-input-HTML.html
Created January 21, 2015 22:11
Generated by SassMeister.com.
<div class="foobar" style="padding: 20px">
I'm 50% Workiva Green!
</div>
@aaronlademann-wf
aaronlademann-wf / SassMeister-input-HTML.html
Created July 2, 2014 18:51
Generated by SassMeister.com.
<div class="selectors"></div>
@aaronlademann-wf
aaronlademann-wf / SassMeister-input-HTML.html
Created June 4, 2014 16:53
Generated by SassMeister.com.
<div style="padding: 0 5em;">
<div class="page-header text-center">
<h1>
We&rsquo;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;">
@aaronlademann-wf
aaronlademann-wf / trig.scss
Last active October 7, 2016 11:30
Inverse Trigonometric Functions With Sass
// ----
// 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.