gistflow/gistflow

View on GitHub
app/assets/stylesheets/areacomplete.css.scss

Summary

Maintainability
Test Coverage
/*
  jQuery at-username
  basic styling; you might want to use this as a starting point
*/
@import "configuration";

.wordwrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}

.invisible {
  opacity: 0;
  position: relative;
  z-index: -10;
  filter: alpha(opacity = 0);
}

.at-username-container {
  display: none;
}

#at-username-autocomplete {
  background: white;
  margin: 0;
  padding: 0;
  position: absolute;
  border: 1px solid #aaa;
  box-shadow: #aaa 1px 1px 4px;
  z-index: 100;
  
  li {
    cursor: pointer;
    margin: 0;
    min-width: 150px;
    font-size: 12px;
    line-height: 18px;
    padding: 2px 5px;
    
    &.active {
      background: #aaa;
      color: white;
    }
    
    &:hover {
      color: $base;
    }
  }
}