<% 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) %> <% } %> <% }) %> <% } %>