{"name":"Layout\n","description":"","start":{"line":1,"column":1},"end":{"line":28,"column":4},"example":[{"type":"html","description":null,"code":"<div class=\"cf\">\n  <div class=\"float--left\">Float to the left</div>\n  <div class=\"float--right\">Float to the right</div>\n</div>"},{"type":"html","description":null,"code":"<div class=\"anchor--middle background--faint width--300\">\n  Anchor to the middle\n</div>"},{"type":"html","description":"Right aligned text","code":"<div class=\"text--left\">Left aligned text</div>\n<div class=\"text--center\">Center aligned text</div>\n<div class=\"text--right\">Right aligned text</div>"},{"type":"html","description":"A `div` that has been set to `inline`.","code":"<div class=\"display--inline background--light\">Display Inline</div>\n<div class=\"display--block background--faint\">Display Block</div>\n<div class=\"display--inline-block background--light\">Display Inline-Block</div>\n<div class=\"display--none\">Display none</div>"},{"type":"html","description":null,"code":"<div class=\"faded push--bottom\">\n  This text is faded. As is the icon below.\n  <svg class=\"#{$namespace}icon faded\">\n    <use xlink:href=\"#collaborators-16\"></use>\n  </svg>\n</div>"}]}