_override-bootstrap.scss 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133
  1. // increase specificity with ':root' for GROWI theming
  2. :root {
  3. font-size: $font-size-root;
  4. > body {
  5. font-family: $font-family-sans-serif;
  6. }
  7. * {
  8. outline: none !important;
  9. }
  10. h1 {
  11. font-size: 36px;
  12. line-height: 48px;
  13. }
  14. h2 {
  15. font-size: 24px;
  16. line-height: 36px;
  17. }
  18. h3 {
  19. font-size: 21px;
  20. line-height: 30px;
  21. }
  22. h4 {
  23. font-size: 18px;
  24. line-height: 22px;
  25. }
  26. h5 {
  27. font-size: 16px;
  28. line-height: 18px;
  29. }
  30. h6 {
  31. font-size: 12px;
  32. line-height: 14px;
  33. }
  34. // Navs
  35. .nav-tabs {
  36. .nav-item {
  37. margin-right: 0.15rem;
  38. a.active {
  39. cursor: default;
  40. }
  41. }
  42. }
  43. // Custom Control
  44. .custom-control {
  45. .custom-control-input,
  46. .custom-control-input + .custom-control-label {
  47. cursor: pointer;
  48. }
  49. }
  50. // card (substitute panel of bootstrap3)
  51. .card {
  52. margin-bottom: 20px;
  53. }
  54. .card-header {
  55. font-weight: 700;
  56. text-transform: none;
  57. }
  58. .card-header:first-child {
  59. }
  60. // Well (substitute Well of bootstrap3)
  61. .card.well {
  62. min-height: 20px;
  63. padding: $card-spacer-y $card-spacer-x;
  64. }
  65. // Dropdowns
  66. .dropdown {
  67. .dropdown-toggle.btn.disabled {
  68. cursor: not-allowed;
  69. }
  70. // hide caret
  71. .dropdown-toggle.dropdown-toggle-no-caret::after {
  72. content: none;
  73. }
  74. }
  75. //Modals
  76. .modal-open {
  77. position: fixed;
  78. width: 100%;
  79. padding-right: 0 !important;
  80. }
  81. .modal-content {
  82. box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.1);
  83. }
  84. .modal-header {
  85. border-bottom: 1px solid #e5e5e5;
  86. }
  87. .modal-footer {
  88. border-top: 1px solid #e5e5e5;
  89. }
  90. // col-form-label (substitute for control-label of bootstrap3)
  91. .col-form-label {
  92. text-align: right;
  93. }
  94. // label
  95. label {
  96. font-weight: 700;
  97. }
  98. // disabled button (reproduction from bootstrap3.)
  99. // see https://cccabinet.jpn.org/bootstrap4/components/buttons#disabled-state
  100. .btn.disabled,
  101. .btn[disabled],
  102. fieldset[disabled] .btn {
  103. cursor: not-allowed;
  104. }
  105. // progress bar
  106. .progress {
  107. margin-bottom: 18px;
  108. overflow: hidden;
  109. }
  110. }