ꯑꯣꯄꯦꯁꯤꯇꯤ ꯂꯩꯕꯥ꯫

ꯄ꯭ꯔꯣꯄꯔꯇꯤ ꯑꯁꯤꯅꯥ opacityꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯒꯤꯗꯃꯛ ꯑꯣꯄꯦꯁꯤꯇꯤꯒꯤ ꯊꯥꯛ ꯑꯗꯨ ꯁꯦꯠ ꯇꯧꯏ꯫ ꯑꯣꯄꯦꯁꯤꯇꯤꯒꯤ ꯊꯥꯛ ꯑꯁꯤꯅꯥ ꯇ꯭ꯔꯥꯟꯁꯄꯔꯦꯟꯁꯤꯒꯤ ꯊꯥꯛ ꯑꯗꯨ ꯇꯥꯀꯏ, ꯃꯐꯝ ꯑꯗꯨꯗꯥ 1ꯇ꯭ꯔꯥꯟꯁꯄꯔꯦꯟꯇ ꯑꯃꯠꯇꯥ ꯂꯩꯇꯦ, .5꯵꯰% ꯎꯕꯥ ꯐꯪꯏ, ꯑꯃꯁꯨꯡ 0ꯃꯄꯨꯡ ꯐꯥꯅꯥ ꯇ꯭ꯔꯥꯟꯁꯄꯔꯦꯟꯇ ꯑꯣꯏ꯫

ꯌꯨꯇꯤꯂꯤꯇꯤꯁꯤꯡ opacityꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯒꯤ ꯁꯦꯠ ꯇꯧ꯫.opacity-{value}

<div class="opacity-100">...</div>
<div class="opacity-75">...</div>
<div class="opacity-50">...</div>
<div class="opacity-25">...</div>

ꯌꯨꯇꯤꯂꯤꯇꯤꯁꯤꯡꯒꯤ ꯑꯦ.ꯄꯤ.ꯑꯥꯏ

ꯑꯣꯄꯦꯁꯤꯇꯤ ꯌꯨꯇꯤꯂꯤꯇꯤꯁꯤꯡ ꯑꯁꯤ ꯑꯩꯈꯣꯌꯒꯤ ꯌꯨꯇꯤꯂꯤꯇꯤꯁꯤꯡꯒꯤ ꯑꯦ.ꯄꯤ.ꯑꯥꯏ.ꯗꯥ scss/_utilities.scss. ꯌꯨꯇꯤꯂꯤꯇꯤꯁꯤꯡꯒꯤ API ꯑꯁꯤ ꯀꯔꯝꯅꯥ ꯁꯤꯖꯤꯟꯅꯒꯗꯒꯦ ꯍꯥꯌꯕꯗꯨ ꯇꯃꯁꯤꯜꯂꯨ꯫

    "opacity": (
      property: opacity,
      values: (
        0: 0,
        25: .25,
        50: .5,
        75: .75,
        100: 1,
      )
    ),