% if (obj.colorCombinations) { %>
Basscss’s default color palette has <%= obj.colorCombinations.length %> readable color combinations.
Level AAA
<% obj.colorCombinations.forEach(function(combo) { %>
<% if (combo.contrast > 7) { %>
<%= include('color-combo-card', combo) %>
<% } %>
<% }) %>
Level AA
<% obj.colorCombinations.forEach(function(combo) { %>
<% if (combo.contrast > 4.5 && combo.contrast < 7) { %>
<%= include('color-combo-card', combo) %>
<% } %>
<% }) %>
Level AA Large Text
Readable at 18 point and above
<% obj.colorCombinations.forEach(function(combo) { %>
<% if (combo.contrast > 3 && combo.contrast < 4.5) { %>
<%= include('color-combo-card', combo) %>
<% } %>
<% }) %>
<% } %>