.ns("frontend.components.pieces.empty-state", {
  .ui("important", {
    font-weight: 600;
  });

  .ui("empty-state", {
    padding: 15px;
    text-align: center;

    > .icon {
      margin-bottom: 20px;

      font-size: 60px;
      line-height: 1;
      color: @grayLighter;

      .octicon,
      .material-icons {
        // OVERRIDE--ICON-STYLE
        font-size: inherit;
        color: inherit;
        margin-left: 0;
      }
    }

    > .heading {
      font-size: @fontSizeLargest;
      line-height: 1.2;
      margin-bottom: 10px;
    }

    > .subheading {
      font-size: @fontSizeMedium;
    }

    > .action {
      margin-top: 30px;
    }
  });
});

.ns("frontend.components.pieces.empty-state", {
  .ui("important", {
    font-weight: 600;
  });

  .ui("empty-state", {
    padding: 15px;
    text-align: center;

    > .icon {
      margin-bottom: 20px;

      font-size: 60px;
      line-height: 1;
      color: @grayLighter;

      // WARNING: Non-exemplary code. This styles a node which this component
      // does not render. The icon is often an .octicon or a .material-icons,
      // but these are styled across the app (and shouldn\'t be). This block
      // resets their style, so we don\'t have to do it in every place we pass
      // one in. When they\'re no longer styled app-wide, this block can go
      // away.
      // OVERRIDE--ICON-STYLE
      > .octicon,
      > .material-icons {
        font-size: inherit;
        color: inherit;
        margin-left: 0;
      }
    }

    > .heading {
      font-size: @fontSizeLargest;
      line-height: 1.2;
      margin-bottom: 10px;
    }

    > .subheading {
      font-size: @fontSizeMedium;
    }

    > .action {
      margin-top: 30px;
    }
  });
});

Add missing >s and document non-exemplary code
Add missing >s and document non-exemplary code
