MOVU Components

Color Square: Gray Semilight 

<div class="color-square-wrapper">
    <div class="color-square-inner-wrapper-left">
        <div class="color-square background-gray-semilight"></div>
    </div>
    <div class="color-square-inner-wrapper-right">
        <span class="color-name">Gray Semi-light</span>
        <span class="color-value">#CCCCCC</span>
    </div>
</div>
 
<div class="color-square-wrapper">
  <div class="color-square-inner-wrapper-left">
    <div class="color-square {{ backgroundColorClass }}"></div>
  </div>
  <div class="color-square-inner-wrapper-right">
    <span class="color-name">{{ colorName }}</span>
    <span class="color-value">{{ colorValue }}</span>
  </div>
</div>
 
{
  "backgroundColorClass": "background-gray-semilight",
  "colorName": "Gray Semi-light",
  "colorValue": "#CCCCCC"
}
  • Handle: @color-square--gray-semilight
  • Preview:
  • Filesystem Path: src/components/00foundation/_color-square/color-square.hbs
  • Referenced by (1): @colors

No notes defined.