Jquery tools tabs css to sass

tabs.sass

/* root element for tabs  */
ul.tabs 
  margin:0 !important 
  padding: 0
  height: 30px
  border-bottom: 5px solid #ddd

/* single tab */
ul.tabs li  
  float: left	 
  padding: 0 
  margin: 0  
  list-style-type: none


/* link inside the tab. uses a background image */
ul.tabs a 
  float: left
  font-size: 13px
  display: block
  padding: 5px 30px	
  text-decoration: none
  border: 1px solid #ddd	
  border-bottom: 0px
  height: 18px
  background-color: #efefef
  color: #777
  margin-right: 2px
  position: relative
  top: 1px	

ul.tabs 
  a:hover
    background-color: #F7F7F7
    color: #333
  
/* selected tab */
ul.tabs 
  a.current
    background-color: #ddd
    border-bottom: 2px solid #ddd	
    color: #000	
    cursor: default