Source

ꯃꯆꯨꯁꯤꯡ꯫

ꯃꯆꯨꯒꯤ ꯌꯨꯇꯤꯂꯤꯇꯤ ꯀ꯭ꯂꯥꯁ ꯈꯔꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯃꯆꯨꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯑꯔꯊ ꯄꯤꯕꯥ꯫ ꯍꯣꯚꯔ ꯁ꯭ꯇꯦꯇꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯁ꯭ꯇꯥꯏꯂꯤꯡ ꯂꯤꯉ꯭ꯀꯁꯤꯡꯒꯤ ꯁꯄꯣꯔꯠ ꯌꯥꯑꯣꯔꯤ, ꯃꯗꯨꯁꯨ ꯌꯥꯑꯣꯔꯤ꯫

ꯝꯆꯨ

.ꯇꯦꯛꯁ-ꯄ꯭ꯔꯥꯏꯃꯥꯔꯤ ꯑꯣꯏꯕꯥ꯫

.ꯇꯦꯛꯁ-ꯁꯦꯀꯦꯟꯗꯔꯤ ꯑꯣꯏꯕꯥ꯫

.ꯇꯦꯛꯁ-ꯁꯥꯛꯁꯦꯁ ꯇꯧꯕꯥ꯫

.ꯇꯦꯛꯁ-ꯈꯨꯗꯣꯡꯊꯤꯕꯥ꯫

.ꯇꯦꯛꯁ-ꯋꯥꯔꯅꯤꯡ ꯇꯧꯕꯥ꯫

.ꯇꯦꯛꯁ-ꯏꯅꯐꯣ꯫

.ꯇꯦꯛꯁ-ꯂꯥꯏꯠ ꯇꯧꯕꯥ꯫

.ꯇꯦꯛꯁ-ꯑꯟꯙ꯭ꯔ ꯇꯧꯕꯥ꯫

.ꯇꯦꯛꯁ-ꯃ꯭ꯌꯨꯇꯦꯗ ꯑꯣꯏꯕꯥ꯫

.ꯇꯦꯛꯁ-ꯍꯣꯏꯠ ꯑꯣꯏꯕꯥ꯫

<p class="text-primary">.text-primary</p>
<p class="text-secondary">.text-secondary</p>
<p class="text-success">.text-success</p>
<p class="text-danger">.text-danger</p>
<p class="text-warning">.text-warning</p>
<p class="text-info">.text-info</p>
<p class="text-light bg-dark">.text-light</p>
<p class="text-dark">.text-dark</p>
<p class="text-muted">.text-muted</p>
<p class="text-white bg-dark">.text-white</p>

ꯀꯟꯇꯦꯛꯁꯆꯨꯑꯦꯜ ꯇꯦꯛꯁꯠ ꯀ꯭ꯂꯥꯁꯁꯤꯡꯅꯁꯨ ꯄꯤꯔꯤꯕꯥ ꯍꯣꯚꯔ ꯑꯃꯁꯨꯡ ꯐꯣꯀꯁ ꯁ꯭ꯇꯦꯇꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯑꯦꯉ꯭ꯀꯔꯁꯤꯡꯗꯥ ꯐꯖꯅꯥ ꯊꯕꯛ ꯇꯧꯏ꯫ ꯑꯃꯁꯨꯡ ꯀ꯭ꯂꯥꯁ ꯑꯁꯤꯒꯤ ꯂꯤꯉ꯭ꯛ ꯁ꯭ꯇꯥꯏꯂꯤꯡ ꯂꯩꯇꯦ ꯍꯥꯌꯕꯥ ꯈꯉꯕꯤꯌꯨ꯫.text-white.text-muted

<p><a href="#" class="text-primary">Primary link</a></p>
<p><a href="#" class="text-secondary">Secondary link</a></p>
<p><a href="#" class="text-success">Success link</a></p>
<p><a href="#" class="text-danger">Danger link</a></p>
<p><a href="#" class="text-warning">Warning link</a></p>
<p><a href="#" class="text-info">Info link</a></p>
<p><a href="#" class="text-light bg-dark">Light link</a></p>
<p><a href="#" class="text-dark">Dark link</a></p>
<p><a href="#" class="text-muted">Muted link</a></p>
<p><a href="#" class="text-white bg-dark">White link</a></p>

ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ ꯃꯆꯨ꯫

ꯀꯟꯇꯦꯛꯁꯆꯨꯑꯦꯜ ꯇꯦꯛꯁꯠ ꯀꯂꯔ ꯀ꯭ꯂꯥꯁꯁꯤꯡꯒꯥ ꯃꯥꯟꯅꯅꯥ, ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯒꯤ ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ ꯑꯗꯨ ꯀꯟꯇꯦꯛꯁꯆꯨꯑꯦꯜ ꯀ꯭ꯂꯥꯁ ꯑꯃꯍꯦꯛꯇꯗꯥ ꯐꯖꯅꯥ ꯁꯦꯠ ꯇꯧ꯫ ꯑꯦꯉ꯭ꯀꯔ ꯀꯝꯄꯣꯅꯦꯟꯇꯁꯤꯡ ꯑꯁꯤ ꯇꯦꯛꯁꯠ ꯀ꯭ꯂꯥꯁꯁꯤꯡꯒꯨꯝꯅꯥ ꯍꯣꯚꯔꯗꯥ ꯑꯃꯝꯕꯥ ꯊꯣꯛꯀꯅꯤ꯫ ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ ꯌꯨꯇꯤꯂꯤꯇꯤꯁꯤꯡ ꯁꯦꯠ ꯇꯧꯗꯦcolor , ꯃꯔꯝ ꯑꯗꯨꯅꯥ ꯀꯦꯁ ꯈꯔꯗꯗꯤ ꯅꯍꯥꯛꯅꯥ .text-*ꯌꯨꯇꯤꯂꯤꯇꯤꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯄꯥꯝꯂꯒꯅꯤ꯫

.ꯕꯤ.ꯖꯤ.-ꯄ꯭ꯔꯥꯏꯃꯥꯔꯤ ꯑꯣꯏꯕꯥ꯫
.ꯕꯤ.ꯖꯤ.-ꯁꯦꯀꯦꯟꯗꯔꯤ ꯑꯣꯏꯕꯥ꯫
.ꯕꯤ.ꯖꯤ.-ꯃꯥꯏꯄꯥꯀꯄꯥ꯫
.ꯕꯤ.ꯖꯤ.-ꯈꯨꯗꯣꯡꯊꯤꯕꯥ ꯂꯩ꯫
.ꯕꯤ.ꯖꯤ.-ꯋꯥꯔꯅꯤꯡ ꯇꯧꯕꯥ꯫
.ꯕꯤ.ꯖꯤ.-ꯏꯅꯐꯣ꯫
.ꯕꯤ.ꯖꯤ.-ꯂꯥꯏꯠ ꯑꯣꯏꯕꯥ꯫
.ꯕꯤ.ꯖꯤ.-ꯑꯟꯙ꯭ꯔ ꯑꯣꯏꯕꯥ꯫
.ꯕꯤ.ꯖꯤ.-ꯍꯣꯏꯠ ꯑꯣꯏꯕꯥ꯫
<div class="p-3 mb-2 bg-primary text-white">.bg-primary</div>
<div class="p-3 mb-2 bg-secondary text-white">.bg-secondary</div>
<div class="p-3 mb-2 bg-success text-white">.bg-success</div>
<div class="p-3 mb-2 bg-danger text-white">.bg-danger</div>
<div class="p-3 mb-2 bg-warning text-dark">.bg-warning</div>
<div class="p-3 mb-2 bg-info text-white">.bg-info</div>
<div class="p-3 mb-2 bg-light text-dark">.bg-light</div>
<div class="p-3 mb-2 bg-dark text-white">.bg-dark</div>
<div class="p-3 mb-2 bg-white text-dark">.bg-white</div>

ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇ꯫

ꯑꯆꯨꯝꯕꯥ ꯑꯣꯏꯅꯥ ꯁꯦꯠ ꯇꯧꯕꯥ ꯃꯇꯃꯗꯥ $enable-gradients, ꯅꯍꯥꯛꯅꯥ .bg-gradient-ꯌꯨꯇꯤꯂꯤꯇꯤ ꯀ꯭ꯂꯥꯁꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯌꯥꯒꯅꯤ꯫ ꯗꯤꯐꯣꯜꯇ ꯑꯣꯏꯅꯥ, $enable-gradientsꯗꯤꯁꯦꯕꯜ ꯇꯧꯏ ꯑꯃꯁꯨꯡ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯈꯨꯗꯝ ꯑꯁꯤ ꯏꯅꯇꯦꯟꯁꯅꯦꯜ ꯑꯣꯏꯅꯥ ꯊꯨꯒꯥꯏꯔꯤ꯫ ꯃꯁꯤ ꯅꯍꯥꯛꯅꯥ Bootstrap ꯁꯤꯖꯤꯟꯅꯕꯥ ꯍꯧꯔꯀꯄꯗꯒꯤ ꯍꯦꯟꯅꯥ ꯐꯖꯅꯥ ꯀꯁ꯭ꯇꯃꯔ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯇꯧꯏ꯫ ꯀ꯭ꯂꯥꯁꯁꯤꯡ ꯑꯁꯤ ꯏꯅꯦꯕꯜ ꯇꯧꯅꯕꯥ ꯑꯩꯈꯣꯌꯒꯤ ꯁꯥꯁ ꯑꯣꯄꯁꯅꯁꯤꯡꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯈꯉꯕꯤꯌꯨ ꯑꯃꯁꯨꯡ ꯃꯁꯤꯗꯒꯤ ꯍꯦꯅꯕꯥ꯫

.ꯕꯤ.ꯖꯤ.-ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇ-ꯄ꯭ꯔꯥꯏꯃꯥꯔꯤ ꯑꯣꯏꯕꯥ꯫
.ꯕꯤ.ꯖꯤ.-ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇ-ꯁꯦꯀꯦꯟꯗꯔꯤ ꯑꯣꯏꯕꯥ꯫
.ꯕꯤ.ꯖꯤ.-ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇ-ꯁꯥꯀꯁꯦꯁ ꯇꯧꯕꯥ꯫
.ꯕꯤ.ꯖꯤ.-ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇ-ꯈꯨꯗꯣꯡꯊꯤꯕꯥ꯫
.ꯕꯤ.ꯖꯤ.-ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇ-ꯋꯥꯔꯅꯤꯡ ꯇꯧꯕꯥ꯫
.ꯕꯤ.ꯖꯤ.-ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇ-ꯏꯅꯐꯣ
.ꯕꯤ.ꯖꯤ.-ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇ-ꯂꯥꯏꯠ꯫
.ꯕꯤ.ꯖꯤ.-ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇ-ꯑꯟꯙ꯭ꯔ ꯑꯣꯏꯕꯥ꯫
<div class="p-3 mb-2 bg-gradient-primary text-white">.bg-gradient-primary</div>
<div class="p-3 mb-2 bg-gradient-secondary text-white">.bg-gradient-secondary</div>
<div class="p-3 mb-2 bg-gradient-success text-white">.bg-gradient-success</div>
<div class="p-3 mb-2 bg-gradient-danger text-white">.bg-gradient-danger</div>
<div class="p-3 mb-2 bg-gradient-warning text-dark">.bg-gradient-warning</div>
<div class="p-3 mb-2 bg-gradient-info text-white">.bg-gradient-info</div>
<div class="p-3 mb-2 bg-gradient-light text-dark">.bg-gradient-light</div>
<div class="p-3 mb-2 bg-gradient-dark text-white">.bg-gradient-dark</div>

ꯁ꯭ꯄꯦꯁꯤꯐꯤꯁꯤꯇꯤꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯊꯦꯡꯅꯕꯥ꯫

ꯀꯔꯤꯒꯨꯝꯕꯥ ꯃꯇꯃꯗꯥ ꯑꯇꯣꯞꯄꯥ ꯁꯦꯂꯦꯛꯇꯔ ꯑꯃꯒꯤ ꯁ꯭ꯄꯦꯁꯤꯐꯤꯁꯤꯇꯤꯅꯥ ꯃꯔꯝ ꯑꯣꯏꯗꯨꯅꯥ ꯀꯟꯇꯦꯛꯁꯆꯨꯑꯦꯜ ꯀ꯭ꯂꯥꯁꯁꯤꯡ ꯑꯁꯤ ꯑꯦꯞꯂꯥꯏ ꯇꯧꯕꯥ ꯉꯃꯗꯦ꯫ ꯀꯦꯁ ꯈꯔꯗꯗꯤ, ꯃꯇꯤꯛ ꯆꯥꯕꯥ ꯋꯥꯔꯀꯔꯎꯟꯗ ꯑꯃꯗꯤ ꯅꯍꯥꯛꯀꯤ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨꯒꯤ ꯀꯟꯇꯦꯟꯇ <div>ꯑꯗꯨ ꯀ꯭ꯂꯥꯁ ꯑꯗꯨꯒꯥ ꯂꯣꯌꯅꯅꯥ aꯗꯥ ꯔꯦꯞ ꯇꯧꯕꯅꯤ꯫

ꯑꯦꯁꯤꯁ꯭ꯇꯦꯟꯇ ꯇꯦꯛꯅꯣꯂꯣꯖꯤꯁꯤꯡꯗꯥ ꯑꯔꯊ ꯄꯤꯕꯥ꯫

ꯑꯔꯊ ꯍꯥꯄꯆꯤꯟꯅꯕꯥ ꯃꯆꯨ ꯁꯤꯖꯤꯟꯅꯕꯅꯥ ꯚꯤꯖꯨꯑꯦꯜ ꯏꯟꯗꯤꯀꯦꯁꯟ ꯑꯃꯥ ꯈꯛꯇꯃꯛ ꯄꯤꯔꯤ, ꯃꯁꯤ ꯑꯦꯁꯤꯁ꯭ꯇꯦꯟꯇ ꯇꯦꯛꯅꯣꯂꯣꯖꯤꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯔꯤꯕꯁꯤꯡꯗꯥ – ꯁ꯭ꯛꯔꯤꯟ ꯔꯤꯗꯔꯒꯨꯝꯕꯥ – ꯌꯧꯍꯅꯕꯥ ꯉꯝꯂꯣꯏ꯫ .sr-onlyꯃꯆꯨ ꯑꯗꯨꯅꯥ ꯇꯥꯀꯄꯥ ꯏꯅꯐꯣꯔꯃꯦꯁꯟ ꯑꯗꯨ ꯀꯟꯇꯦꯟꯇ ꯃꯁꯥꯃꯛꯇꯒꯤ (ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ, ꯎꯕꯥ ꯐꯪꯂꯤꯕꯥ ꯇꯦꯛꯁꯠ ꯑꯗꯨꯗꯒꯤ) ꯃꯌꯦꯛ ꯁꯦꯡꯅꯥ ꯎꯕꯥ ꯐꯪꯏ ꯍꯥꯌꯕꯥ ꯁꯣꯌꯗꯅꯥ ꯈꯪꯗꯣꯀꯎ, ꯅꯠꯠꯔꯒꯥ ꯀ꯭ꯂꯥꯁ ꯑꯗꯨꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯂꯣꯠꯁꯤꯜꯂꯕꯥ ꯑꯍꯦꯅꯕꯥ ꯇꯦꯛꯁꯇꯒꯨꯝꯕꯥ ꯑꯂꯇꯔꯅꯦꯇꯤꯚ ꯑꯣꯏꯕꯥ ꯄꯥꯝꯕꯩꯁꯤꯡꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯌꯥꯎꯍꯅꯕꯥ꯫