How to format text with alternating colors?

@cregox Caue Rego
Wed, 27 May 2015 19:24:22 +0000

@cregox wrote:

Couldn't get in.

Over Contributor Limit

Invoice sent.

And work mostly done. Just apply this to Custom CSS and use the Menu Block you already know:

// table spreadsheet by cregox.com
div.menus {
  width: 100%;
  .menu-section-header {
    background: gray;
    padding: 10px;
    margin-bottom: 0; //replace default
    text-align: left;
  }
  .menu-item:nth-child(2n+2) {
    background: silver;
  }
  .menu-item {
    background: lightgray;
    padding: 10px;
    margin: 0; //replace default
    .menu-item-title {
      text-align: left;
      padding-right: 150px;
    }
    .menu-item-description {
      display: none;
    }
    .menu-item-price-bottom{
      margin-bottom: -30px;
      text-align: right;
      position: relative;
      top: -30px;
      width: 150px;
      margin-left: ~"calc(100% - 150px)";
    }
  }
}

You can see it working here: http://www.cregox.com/table-spreadsheet