SRC Wordpress SASS

SassMeister-input.scss

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

#footer-main {
  h3 {
    text-transform: uppercase;
    color: #fff;
  }
  
  ul {
    padding-left: 10px;
  }
  
  ul.footer-list {
    li {
      list-style: none;
      line-height: 24px;
      padding-left: 12px;
      background: url('images/marker-3.png') no-repeat 0 10px;
      color: #fff;
      font-size: 18px;
      
      a {
        color: #fff;
        
        &:hover {
          color: #999;
        }
      }
    }
  }
  
  .icon-list {
    list-style: none;
    
    li {
      display: inline-block;
      margin-right: 9px;
      
      a {
        display: block;
        width: 48px;
        height: 48px;
        
        &.social-icon-facebook {
          background: url('images/fb.png') no-repeat 0 0px;
        }
        &.social-icon-wordpress {
          background: url('images/wordpress.png') no-repeat 0 0px;
        }
        &.social-icon-twitter {
          background: url('images/twitter.png') no-repeat 0 0px;
        }
        &.social-icon-BBB {
          background: url('images/BBB.png') no-repeat 0 0px;
          width: 167px;
          height: 64px;
          margin-top: 10px;
        }
      }
    }
  }
}

SassMeister-output.css

#footer-main h3 {
  text-transform: uppercase;
  color: #fff;
}
#footer-main ul {
  padding-left: 10px;
}
#footer-main ul.footer-list li {
  list-style: none;
  line-height: 24px;
  padding-left: 12px;
  background: url("images/marker-3.png") no-repeat 0 10px;
  color: #fff;
  font-size: 18px;
}
#footer-main ul.footer-list li a {
  color: #fff;
}
#footer-main ul.footer-list li a:hover {
  color: #999;
}
#footer-main .icon-list {
  list-style: none;
}
#footer-main .icon-list li {
  display: inline-block;
  margin-right: 9px;
}
#footer-main .icon-list li a {
  display: block;
  width: 48px;
  height: 48px;
}
#footer-main .icon-list li a.social-icon-facebook {
  background: url("images/fb.png") no-repeat 0 0px;
}
#footer-main .icon-list li a.social-icon-wordpress {
  background: url("images/wordpress.png") no-repeat 0 0px;
}
#footer-main .icon-list li a.social-icon-twitter {
  background: url("images/twitter.png") no-repeat 0 0px;
}
#footer-main .icon-list li a.social-icon-BBB {
  background: url("images/BBB.png") no-repeat 0 0px;
  width: 167px;
  height: 64px;
  margin-top: 10px;
}