ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡ꯫

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

ꯑꯩꯈꯣꯌꯒꯤ ꯀꯁ꯭ꯇꯝ ꯄ꯭ꯔꯣꯄꯔꯇꯤ ꯄꯨꯝꯅꯃꯛ ꯑꯁꯤbs- ꯊꯥꯔꯗ ꯄꯥꯔꯇꯤ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯥ ꯂꯣꯌꯅꯅꯥ ꯀꯅꯐ꯭ꯂꯤꯛꯇ ꯇꯧꯗꯅꯕꯥ ꯄ꯭ꯔꯤꯐꯤꯛꯁ ꯇꯧꯏ꯫

ꯔꯨꯠ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡ꯫

ꯃꯐꯝ ꯑꯁꯤꯗꯥ ꯑꯩꯈꯣꯌꯅꯥ ꯌꯥꯑꯣꯔꯤꯕꯥ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡ ( :rootꯃꯊꯧ ꯇꯥꯔꯦ ꯍꯥꯌꯕꯥ ꯈꯉꯕꯤꯌꯨ) ꯃꯈꯣꯌꯁꯤꯡ ꯑꯁꯤ ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯀꯤ CSS ꯂꯣꯗ ꯇꯧꯕꯥ ꯃꯐꯝ ꯑꯃꯍꯦꯛꯇꯗꯥ ꯑꯦꯛꯁꯦꯁ ꯇꯧꯕꯥ ꯌꯥꯏ꯫ ꯃꯈꯣꯌ ꯑꯁꯤ ꯑꯩꯈꯣꯌꯒꯤ _root.scssꯐꯥꯏꯂꯗꯥ ꯂꯩ ꯑꯃꯁꯨꯡ ꯑꯩꯈꯣꯌꯒꯤ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯔꯕꯥ ꯗꯤꯁ꯭ꯠ ꯐꯥꯏꯂꯁꯤꯡꯗꯥ ꯌꯥꯑꯣꯔꯤ꯫

:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: #0d6efd;
  --bs-link-hover-color: #0a58ca;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;
}

ꯀꯝꯄꯣꯅꯦꯟꯇ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡ꯫

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

ꯑꯩꯈꯣꯌꯅꯥ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡ ꯑꯁꯤ ꯀꯔꯝꯅꯥ ꯁꯤꯖꯤꯟꯅꯔꯤꯕꯒꯦ ꯍꯥꯌꯕꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯋꯥꯈꯜ ꯈꯔꯥ ꯈꯉꯅꯕꯒꯤꯗꯃꯛ ꯑꯩꯈꯣꯌꯒꯤ ꯇꯦꯕꯜ ꯗꯣꯀꯨꯃꯦꯟꯇꯁꯤꯡ ꯌꯦꯡꯕꯤꯌꯨ . ꯑꯩꯈꯣꯌꯒꯤ ꯅꯦꯚꯕꯥꯔꯁꯤꯡꯅꯁꯨ v5.2.0ꯒꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ CSS ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯩ꯫ ꯑꯩꯈꯣꯌꯅꯥ ꯑꯩꯈꯣꯌꯒꯤ ꯒ꯭ꯔꯤꯗ ꯄꯨꯝꯅꯃꯛꯇꯥ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡꯁꯨ ꯁꯤꯖꯤꯟꯅꯔꯤ-ꯃꯔꯨꯑꯣꯏꯅꯥ ꯒꯇꯔꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯑꯅꯧꯕꯥ ꯑꯣꯄꯠ-ꯏꯟ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ .

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

ꯄ꯭ꯔꯤꯐꯦꯀꯆꯔ ꯇꯧꯕꯥ꯫

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

$prefixꯁꯥꯁ ꯚꯦꯔꯤꯑꯦꯕꯂꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯄ꯭ꯔꯤꯐꯦꯀꯆꯔ ꯑꯗꯨ ꯀꯁ꯭ꯇꯃꯁ ꯇꯧꯕꯥ꯫ ꯗꯤꯐꯣꯜꯇ ꯑꯣꯏꯅꯥ, ꯃꯁꯤ bs-(ꯇ꯭ꯔꯦꯂꯤꯡ ꯗꯦꯁ ꯑꯗꯨ ꯅꯣꯠ ꯇꯧꯕꯤꯌꯨ) ꯍꯥꯌꯅꯥ ꯁꯦꯠ ꯇꯧꯏ꯫

ꯈꯨꯗꯃꯁꯤꯡ꯫

CSS ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡꯅꯥ ꯁꯥꯁꯀꯤ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡꯒꯥ ꯃꯥꯟꯅꯕꯥ ꯐ꯭ꯂꯦꯛꯁꯤꯕꯤꯂꯤꯇꯤ ꯄꯤꯔꯤ, ꯑꯗꯨꯕꯨ ꯕ꯭ꯔꯥꯎꯖꯔꯗꯥ ꯁꯔꯚꯤꯁ ꯇꯧꯗ꯭ꯔꯤꯉꯩꯒꯤ ꯃꯃꯥꯡꯗꯥ ꯀꯝꯄꯥꯏꯂꯦꯁꯅꯒꯤ ꯃꯊꯧ ꯇꯥꯗꯦ꯫ ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ, ꯃꯐꯝ ꯑꯁꯤꯗꯥ ꯑꯩꯈꯣꯌꯅꯥ ꯑꯩꯈꯣꯌꯒꯤ ꯄꯦꯖꯒꯤ ꯐꯣꯟꯇ ꯑꯃꯁꯨꯡ ꯂꯤꯉ꯭ꯛ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯡ CSS ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯔꯤꯁꯦꯠ ꯇꯧꯔꯤ꯫

body {
  font: 1rem/1.5 var(--bs-font-sans-serif);
}
a {
  color: var(--bs-blue);
}

ꯒ꯭ꯔꯤꯗ ꯕ꯭ꯔꯦꯀꯄꯣꯏꯟꯇꯁꯤꯡ꯫

ꯑꯩꯈꯣꯌꯅꯥ ꯑꯩꯈꯣꯌꯒꯤ ꯒ꯭ꯔꯤꯗ ꯕ꯭ꯔꯦꯀꯄꯣꯏꯟꯇꯁꯤꯡ xsꯑꯁꯤ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ . ꯃꯁꯤ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯁ꯭ꯄꯦꯀꯇꯥ ꯗꯤꯖꯥꯏꯅꯒꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ ꯇꯧꯏ, ꯑꯗꯨꯕꯨ ꯂꯥꯛꯀꯗꯧꯔꯤꯕꯥ ꯆꯍꯤꯁꯤꯡꯗꯥ env()ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡꯒꯤ ꯁꯄꯣꯔꯇꯀꯥ ꯂꯣꯌꯅꯅꯥ ꯍꯣꯡꯂꯀꯄꯥ ꯌꯥꯏ꯫ ꯃꯇꯦꯡ ꯑꯣꯏꯕꯥ ꯂꯤꯉ꯭ꯛ ꯈꯔꯒꯤꯗꯃꯛ ꯁ꯭ꯇꯦꯛ ꯑꯣꯚꯔꯐ꯭ꯂꯣꯒꯤ ꯄꯥꯎꯈꯨꯝ ꯑꯁꯤ ꯌꯦꯡꯕꯤꯌꯨ꯫ ꯃꯁꯤꯒꯤ ꯃꯅꯨꯡꯗꯥ, ꯅꯍꯥꯛꯅꯥ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡ ꯑꯁꯤ ꯑꯇꯣꯞꯄꯥ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯐꯤꯚꯃꯁꯤꯡꯗꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯌꯥꯒꯅꯤ, ꯂꯣꯌꯅꯅꯥ ꯅꯍꯥꯛꯀꯤ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇꯗꯁꯨ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯌꯥꯒꯅꯤ꯫