_iwb-form.scss 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  1. .iwb-form {
  2. .form-group {
  3. margin-bottom: .5rem;
  4. }
  5. .input-group + p[id$="-error"], .input-group + label.error {
  6. margin-top: 0;
  7. margin-bottom: 0;
  8. position: absolute;
  9. right: 20px;
  10. top: 4px;
  11. font-weight: 600;
  12. z-index: 9999;
  13. color: red;
  14. }
  15. .iwb-label {
  16. font-size: .95rem;
  17. }
  18. .help-block {
  19. color: var(--mc);
  20. padding-left: 0.5rem;
  21. font-size: 0.75rem;
  22. }
  23. .select2 {
  24. &:focus {
  25. outline: none;
  26. }
  27. &.select2-container {
  28. //.select2-selection--single, .select2-selection--multiple {}
  29. .select2-selection {
  30. height: 31px;
  31. background-color: transparent;
  32. border: 1px solid $input-border-color;
  33. border-radius: .25rem;
  34. padding: 0;
  35. &:focus {
  36. outline: none;
  37. }
  38. .select2-selection__rendered {
  39. line-height: 31px;
  40. margin-top: -1px;
  41. }
  42. }
  43. &.select2-container--open {
  44. &.select2-container--below .select2-selection {
  45. border-radius: .25rem .25rem 0 0;
  46. }
  47. &.select2-container--above .select2-selection {
  48. border-radius: 0 0 .25rem .25rem;
  49. }
  50. }
  51. }
  52. }
  53. select {
  54. &:disabled + .select2, &[readonly] + .select2 {
  55. .select2-selection {
  56. background-color: #e9ecef;
  57. opacity: 1;
  58. }
  59. }
  60. }
  61. .nav-tabs {
  62. margin-top: -0.5rem;
  63. border-bottom: 1px solid $iwb-color;
  64. .nav-item {
  65. .nav-link {
  66. color: $iwb-color;
  67. &:focus, &:hover {
  68. border-color: $iwb-color $iwb-color $iwb-color;
  69. }
  70. &.active {
  71. color: $white;
  72. background: $iwb-color;
  73. border-color: $iwb-color;
  74. }
  75. }
  76. }
  77. }
  78. }
  79. .select2-container--open > .select2-dropdown {
  80. z-index: 1200;
  81. .select2-search__field:focus {
  82. outline: 0;
  83. border: 1px solid scale-color($iwb-color,-20%);
  84. }
  85. .select2-results__options {
  86. .select2-results__option--highlighted[aria-selected], .select2-results__option--highlighted[aria-selected]:hover {
  87. background-color: scale-color($iwb-color,-45%);
  88. color: $white;
  89. }
  90. .select2-results__option[aria-selected=true] {
  91. background-color: scale-color($iwb-color,-30%);
  92. color: $white;
  93. }
  94. }
  95. }