EFJAC SASS code sample

by Rob Cameron October 23, 2013

CSS

body 
  background-color: #eeeeee
ul 
  margin: 0
  padding: 0
  list-style: none
.task 
  overflow: auto
  background-color: #ffffff
  padding: 10px
  &.open
    form 
      display: block
    .close-task
      display: block
    .open-task
      display: none
  &.complete
    background-color: #dddddd
    color: #999999
    .open
      display: none
h2 
  margin: 0
  font-size: 16px
  font-weight: bold
p 
  margin: 0
.open-task
  display: block
  float: right
.close-task
  display: none
  float: right
form 
  text-align: center
  display: none

Join the 4+ million users, and keep the JSFiddle dream alive.

Ad-free

All ads in the editor and listing pages are turned completely off.
Fiddle Pages

Your fiddles accessible under a custom domain and a vanity path - the simplest hosting for your personal project.
Use pre-released features

You get to try and use features (like the Palette Color Generator) months before everyone else.
Fiddle collections

Sort and categorize your Fiddles into multiple collections.
Private collections and fiddles

You can make as many Private Fiddles, and Private Collections as you wish!

EFJAC SASS code sample

CSS

Please Whitelist JSFiddle in your content blocker.

Join the 4+ million users, and keep the JSFiddle dream alive.

Ad-free

Fiddle Pages

Use pre-released features

Fiddle collections

Private collections and fiddles

Get Fiddle Pages with PRO