_variables.scss 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. // Lux 4.3.1
  2. // Bootswatch
  3. //
  4. // Color system
  5. //
  6. $white: #fff !default;
  7. $gray-100: #f8f9fa !default;
  8. $gray-200: #f7f7f9 !default;
  9. $gray-300: #eceeef !default;
  10. $gray-400: #ced4da !default;
  11. $gray-500: #adb5bd !default;
  12. $gray-600: #919aa1 !default;
  13. $gray-700: #55595c !default;
  14. $gray-800: #343a40 !default;
  15. $gray-900: #1a1a1a !default;
  16. $black: #000 !default;
  17. $blue: #007bff !default;
  18. $indigo: #6610f2 !default;
  19. $purple: #6f42c1 !default;
  20. $pink: #e83e8c !default;
  21. $red: #d9534f !default;
  22. $orange: #fd7e14 !default;
  23. $yellow: #f0ad4e !default;
  24. $green: #4BBF73 !default;
  25. $teal: #20c997 !default;
  26. $cyan: #1F9BCF !default;
  27. $primary: $gray-900 !default;
  28. $secondary: $white !default;
  29. $success: $green !default;
  30. $info: $cyan !default;
  31. $warning: $yellow !default;
  32. $danger: $red !default;
  33. $light: $white !default;
  34. $dark: $gray-800 !default;
  35. $yiq-contrasted-threshold: 185 !default;
  36. // Options
  37. $enable-rounded: false !default;
  38. // Body
  39. $body-color: $gray-700 !default;
  40. // Components
  41. // $border-radius: 0 !default;
  42. // $border-radius-lg: 0 !default;
  43. // $border-radius-sm: 0 !default;
  44. // Fonts
  45. $font-family-sans-serif: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
  46. $font-size-base: 0.875rem !default;
  47. $h1-font-size: 2rem !default;
  48. $h2-font-size: 1.75rem !default;
  49. $h3-font-size: 1.5rem !default;
  50. $h4-font-size: 1.25rem !default;
  51. $h5-font-size: 1rem !default;
  52. $h6-font-size: 0.75rem !default;
  53. $headings-font-weight: 600 !default;
  54. $headings-color: $gray-900 !default;
  55. // Tables
  56. $table-border-color: rgba(0, 0, 0, 0.05) !default;
  57. // Buttons + Forms
  58. $input-btn-border-width: 0px !default;
  59. // Buttons
  60. $btn-line-height: 1.5rem !default;
  61. $input-btn-padding-y: 0.75rem !default;
  62. $input-btn-padding-x: 1.5rem !default;
  63. $input-btn-padding-y-sm: .5rem !default;
  64. $input-btn-padding-x-sm: 1rem !default;
  65. $input-btn-padding-y-lg: 2rem !default;
  66. $input-btn-padding-x-lg: 2rem !default;
  67. $btn-font-weight: 600 !default;
  68. // Forms
  69. $input-line-height: 1.5 !default;
  70. $input-bg: $gray-200 !default;
  71. $input-disabled-bg: $gray-300 !default;
  72. $input-group-addon-bg: $gray-300 !default;
  73. // Navbar
  74. $navbar-padding-y: 1.5rem !default;
  75. $navbar-dark-hover-color: $white !default;
  76. $navbar-light-color: rgba($black,.3) !default;
  77. $navbar-light-hover-color: $gray-900 !default;
  78. $navbar-light-active-color: $gray-900 !default;
  79. // Pagination
  80. $pagination-border-color: transparent !default;
  81. $pagination-hover-border-color: $pagination-border-color !default;
  82. $pagination-disabled-border-color: $pagination-border-color !default;
  83. // Breadcrumbs
  84. $breadcrumb-bg: transparent !default;