iamcarrico

// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----

%silence {
  color: green;
  
  @media (min-width: 500px) {
    color: red;

iamcarrico

<div class="test"></div>

<div class="i"></div>

iamcarrico

<li>
	Primos
	<ul>
		<li>Jander</li>
		<li>Clander</li>
	</ul>
</li>

iamcarrico

<div class="container">
<section class="first-section">
    <img src="http://placekitten.com/g/200/200" >
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit</p>
</section>

<section class="second-section">
    <img src="http://placekitten.com/g/200/200" >
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit</p>
</section>

iamcarrico

<div class="no-i"></div>

<div class="i"></div>

iamcarrico

# Pull gems from RubyGems
source 'https://rubygems.org'

# The Sass stack that we use.
gem 'compass', '~>1.0'
gem 'toolkit', '~>2.0'
gem 'singularitygs', '~>1.2'
gem 'breakpoint', '~>2.5'

iamcarrico

// ----
// Sass (v3.4.7)
// Compass (v1.0.1)
// ----

@mixin your-mixin-name($color: #8cc63f) {
  border: 1px solid darken($color, 5%) !important;
  li + li {
    border-top: 1px solid darken($color, 5%);
    border-bottom:none;

iamcarrico

<section class="stuff">
  
  
</section>

iamcarrico

// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

iamcarrico

// ----
// Sass (v3.4.7)
// Compass (v1.0.1)
// ----

a
  b: unit(1s + 1ms)
  c: unit(1deg + 1rad)
  d: unit(1px + 1pt)
  e: unit(1kHz + 1Hz)