<!-- カタログ用スタイル:カラー -->
<div class='wrap'>
<section class='section' style='display:'>
<div class='color__org'>
<div class='color__mol'>
<div class='color__atm gray'>
<p>gray</p>
</div>
</div>
<div class='color__mol info'>
<p>Sass: $gray</p>
<p>Color: #6e7377</p>
</div>
</div>
</section>
<!-- for Mixin -->
<section class='section mixin'>
<div class='color__org'>
</div>
</section>
</div>
<!-- カタログ用スタイル:カラー -->
<div class='wrap'>
<section class='section' style='display:{{display}}'>
<div class='color__org'>
<div class='color__mol'>
<div class='color__atm {{className}}'>
<p>{{className}}</p>
</div>
</div>
<div class='color__mol info'>
<p>Sass: {{sassName}}</p>
<p>Color: {{color}}</p>
</div>
</div>
</section>
<!-- for Mixin -->
<section class='section mixin'>
<div class='color__org'>
{{#each colors}}
<div class='color__mol'>
<div class='color__atm {{class}}'>
<p>{{class}}</p>
<p>{{c-name}}</p>
</div>
</div>
{{/each}}
</div>
</section>
</div>
{
"className": "gray",
"sassName": "$gray",
"color": "#6e7377",
"display": ""
}
# Color
- assets/css/utility/\_color.sass
No notes defined.