{"name":"Background Colors\n","description":"Classes to add background colors.","start":{"line":1,"column":1},"end":{"line":49,"column":4},"example":[{"type":"html","description":null,"code":"<div class=\"cf\">\n  <div class=\"background--faint float--left soft\">\n    faint\n  </div>\n  <div class=\"background--light float--left soft\">\n    light\n  </div>\n  <div class=\"background--muted float--left soft\">\n    muted\n  </div>\n  <div class=\"background--medium reverse float--left soft\">\n    medium\n  </div>\n  <div class=\"background--charcoal reverse float--left soft\">\n    charcoal\n  </div>\n  <div class=\"background--brand reverse float--left soft\">\n    brand\n  </div>\n  <div class=\"background--brand-dark reverse float--left soft\">\n    brand-dark\n  </div>\n  <div class=\"background--warning float--left soft\">\n    warning\n  </div>\n  <div class=\"background--bad-news float--left soft\">\n    bad-news\n  </div>\n  <div class=\"background--good-news float--left soft\">\n    good-news\n  </div>\n  <div class=\"background--live float--left soft\">\n    live\n  </div>\n  <div class=\"background--draft float--left soft\">\n    draft\n  </div>\n  <div class=\"background--current-color float--left soft\">\n    current-color\n  </div>\n  <div class=\"background--none float--left soft\">\n    none\n  </div>\n</div>"}]}