twindy/src/ui/object.styl

CSS Framework written in Stylus inspired by Tailwind and NIB

@require "../mixins";

.tw-object {
  div {
    display: inline-block;
  }

  table {
    table-layout: auto !important;
    // border: 1px solid #ccc;
    max-width: 100%;
    overflow: auto;
  }

  th, td {
    padding: 0;
    margin: 0;
    // margin: 0.25rem;
  }

  th, td, div {
    // padding: 0.25rem;
    vertical-align: top;
    text-align: left;
  }

  th {
    text-align: right !important;
    max-width: px(128);
  }

  td {
    padding-left: px(8);
  }

  // .-title
  // @include textEllipsis    // max-width: 0%;
  .-comma {
    padding-right: px(4);
  }

  .-null {
    color: red;
  }

  .-string {
    // color: green;
    font-style: italic;
  }
}