Sample: table

table.td-align-center で、そのテーブル内のセルが全て中央揃えに
同様に、table.td-align-right で右揃え、table.td-valign-top で上揃えに

キャプション

	見出し１	見出し２
見出しA	内容が入ります	内容です
見出しB	内容が入ります	内容が入ります

table.table–stripe でストライプに

キャプション

	見出し１	見出し２
見出しA	内容が入ります	内容です
見出しB	内容が入ります	内容が入ります
見出しA	内容が入ります	内容です
見出しA	内容が入ります	内容です

table.table–no-padding で、マージンなしに

キャプション

	見出し１	見出し２
見出しA	内容が入ります	内容です
見出しB	内容が入ります	内容が入ります

キャプション

	見出し１	見出し２
見出しA	内容が入ります	内容です
見出しB	内容が入ります	内容が入ります

table.equal-row-width で、テーブル幅100%で列が等分に

キャプション

	見出し１	見出し２
見出しA	内容が入ります	内容が入ります
見出しB	内容が入ります	内容が入ります

td.cell-highlight, th.cell-highlight で、セルのハイライト

キャプション

	見出し１	見出し２
見出しA	内容が入ります	内容が入ります
見出しB	内容が入ります	内容が入ります

注釈付きのテーブル。テーブルと注釈(.table-with-notes__note)を .table-with-notes で囲む