Codes

 

Tableaux

  • http://www.prostheticslab.com/blog/2015/10/1/placing-a-searchable-table-on-a-squarespace-website
  • http://www.tablesgenerator.com/html_tables
  •  
@media screen and (min-width: 30em) { .column { display: table-cell; width: 33%; border-right: 1px solid white; } @media screen and (min-width: 20em) and (max-width: 30em) { .column { display:table-row; width: 100%; }
&.menu-style-simple { .menu-section { margin-top: 0; } .menu-item { margin-bottom: 0; &:first-child { .menu-item-title { padding: 12px 0 10px; line-height: 1em; font-size: 32px; } .menu-item-description { padding: 0 0 15px; line-height: 1em; font-size: 16px; } .menu-item-price-bottom { padding: 5px 0 0; line-height: 1em; background: #fc7c54; color: #FFFFFF; font-size: 82px; .currency-sign { display: inline-block; vertical-align: middle; margin-top: -60px; margin-left: -12px; line-height: 1em; font-size: 22px; } } .menu-item-options { position: relative; padding: 0 0 10px; line-height: 1em; background: #fc7c54; color: #FFFFFF; font-size: 14px; &:after { position: absolute; content: ""; left: 50%; margin-left: -6px; bottom: -6px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #333333; } } } &:not(:first-child) { .menu-item-title { padding: 16px 0; line-height: 1em; border-bottom: 1px solid #EEEEEE; } } &:last-child { .menu-item-title { border-bottom: none; } } } }

Hello, World!