CSS Haikus

Short, semi-self-explanatory snippets of CSS

Borders Between

  /* no border at top
// --------------
// border-top for each sibling
// ---------------
// borderless below
*/
.item + .item {
  border-top: 1px solid;
  border-color: grey;
}

Min width unknown

  /* oh sweet flex-basis
 * what you actually do
 * noone really knows
  */
.flex-almost-ignored {
  min-width: 100%;
  flex-basis: 0;
}

Lobotomized Owl

/* Lobotomized owl
 * Add something to all items
 * Except the first one
                 */
* + * {
  margin-top: 10px;
  vertical-rhythm: auto;
}