ThemeSelection

Шпаргалка по Bootstrap 5 🚀

Интерактивный список классов, переменных и миксин в Bootstrap 5. 🎁 Единственная шпаргалка по Bootstrap 5, которая вам когда-либо понадобится. 🎊

Bootstrap 5 CheatSheet 🚀 - The only Bootstrap 5 CheatSheet you will ever need. 🎊 | Product Hunt
CheatSheet Hero Images
Взгляните на наш недавно выпущенный шаблон администратора на Bootstrap 🎉
  • $white
    #fff !default;
  • $gray-100
    #f8f9fa !default;
  • $gray-200
    #e9ecef !default;
  • $gray-300
    #dee2e6 !default;
  • $gray-400
    #ced4da !default;
  • $gray-500
    #adb5bd !default;
  • $gray-600
    #6c757d !default;
  • $gray-700
    #495057 !default;
  • $gray-800
    #343a40 !default;
  • $gray-900
    #212529 !default;
  • $black
    #000 !default;
  • $grays
    ( "100": $gray-100, "200": $gray-200, "300": $gray-300, "400": $gray-400, "500": $gray-500, "600": $gray-600, "700": $gray-700, "800": $gray-800, "900": $gray-900 ) !default;
  • $blue
    #0d6efd !default;
  • $indigo
    #6610f2 !default;
  • $purple
    #6f42c1 !default;
  • $pink
    #d63384 !default;
  • $red
    #dc3545 !default;
  • $orange
    #fd7e14 !default;
  • $yellow
    #ffc107 !default;
  • $green
    #198754 !default;
  • $teal
    #20c997 !default;
  • $cyan
    #0dcaf0 !default;
  • $colors
    ( "blue": $blue, "indigo": $indigo, "purple": $purple, "pink": $pink, "red": $red, "orange": $orange, "yellow": $yellow, "green": $green, "teal": $teal, "cyan": $cyan, "white": $white, "gray": $gray-600, "gray-dark": $gray-800 ) !default;
  • $primary
    $blue !default;
  • $secondary
    $gray-600 !default;
  • $success
    $green !default;
  • $info
    $cyan !default;
  • $warning
    $yellow !default;
  • $danger
    $red !default;
  • $light
    $gray-100 !default;
  • $dark
    $gray-900 !default;
  • $theme-colors
    ( "primary": $primary, "secondary": $secondary, "success": $success, "info": $info, "warning": $warning, "danger": $danger, "light": $light, "dark": $dark ) !default;
  • $min-contrast-ratio
    4.5 !default;
  • $color-contrast-dark
    $black !default;
  • $color-contrast-light
    $white !default;
  • $gradient
    linear-gradient(180deg, rgba($white, .15), rgba($white, 0)) !default;
  • $spacer
    1rem !default;
  • $spacers
    ( 0: 0, 1: $spacer / 4, 2: $spacer / 2, 3: $spacer, 4: $spacer * 1.5, 5: $spacer * 3, ) !default;
  • $negative-spacers
    if($enable-negative-margins, negativify-map($spacers), null) !default;
  • $position-values
    ( 0: 0, 50: 50%, 100: 100% ) !default;
  • $escaped-characters
    ( ("<", "%3c" ), (">", "%3e"), ("#", "%23"), ("(", "%28"), (")", "%29"), ) !default;
  • $variable-prefix
    bs- !default;
  • $aspect-ratios
    ( "1x1": 100%, "4x3": calc(3 / 4 * 100%), "16x9": calc(9 / 16 * 100%), "21x9": calc(9 / 21 * 100%) ) !default;

Ничего не найдено