holderdeord/hdo-site

View on GitHub
app/assets/stylesheets/propositions.css.less

Summary

Maintainability
Test Coverage
.proposition-feed {
  h4 { font-weight: bold; margin-bottom: 15px; }

  position: relative;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;

  .proposition-list {

    box-shadow: 0 -4px 20px rgba(0,0,0,0.03) inset,
                0 0 0 1px rgba(0,0,0,0.1) inset,
                0 1px 4px rgba(0,0,0,0.075);

    .see-all { margin: 0 5px 0 0; float: right; }

    .proposition {
      a {
        text-decoration: none;
        color: inherit;
      }

      border-bottom: 1px solid #e8e8e8;
      display: block;
      position: relative;
      padding: 10px;
      color: inherit;

      &:hover {
        text-decoration: none;
        background-color: rgba(0,0,0, 0.04);
      }

      &:active {
        background-color: rgba(0,0,0, 0.08);
      }

      time {
        font-size: 12px;
        text-align: right;
      }

      .positions {    
        font-size: 0.8rem;
        text-align: center;

        .position-support { 
          padding: 0 1rem;           
          border-right: 1px solid #eee;
        }

        .position-oppose {
          padding: 0 1rem;    
          border-left: 1px solid #eee;
        }        
      }

    }
  }
}