Guest User

Untitled

a guest
Apr 20th, 2018
99
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.99 KB | None | 0 0
  1. .select2-container--bootstrap4 .select2-selection--single {
  2. height: calc(2.25rem + 2px) !important;
  3.  
  4. background-color:#FFF;
  5. }
  6.  
  7. .select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder {
  8. color: #757575;
  9. line-height: 2.25rem
  10. }
  11.  
  12. .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow {
  13. position: absolute;
  14. top: 50%;
  15. right: 3px;
  16. width: 20px
  17. }
  18.  
  19. .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b {
  20. top: 60%;
  21. border-color: #343a40 transparent transparent;
  22. border-style: solid;
  23. border-width: 5px 4px 0;
  24. width: 0;
  25. height: 0;
  26. left: 50%;
  27. margin-left: -4px;
  28. margin-top: -2px;
  29. position: absolute
  30. }
  31.  
  32. .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
  33. line-height: 2.25rem;
  34. }
  35.  
  36. .select2-search--dropdown .select2-search__field {
  37. border: 1px solid #ced4da;
  38. border-radius: .25rem
  39. }
  40.  
  41. .select2-results__message {
  42. color: #6c757d
  43. }
  44.  
  45. .select2-container--bootstrap4 .select2-selection--multiple {
  46. min-height: calc(2.25rem + 2px) !important;
  47. height: calc(2.25rem + 2px) !important;
  48.  
  49. background-color:#FFF;
  50. }
  51.  
  52. .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered {
  53. -webkit-box-sizing: border-box;
  54. box-sizing: border-box;
  55. list-style: none;
  56. margin: 0;
  57. background-color:#FFF;
  58. padding: 0 5px;
  59. width: 99%;
  60. border-radius: 5px;
  61. }
  62.  
  63. .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
  64. color: #343a40;
  65. border: 1px solid #bdc6d0;
  66. border-radius: .2rem;
  67. padding: 0;
  68. padding-right: 5px;
  69. cursor: pointer;
  70. float: left;
  71. margin-top: .3em;
  72. margin-right: 5px
  73. }
  74.  
  75. .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove {
  76. color: #bdc6d0;
  77. font-weight: 700;
  78. margin-left: 3px;
  79. margin-right: 1px;
  80. padding-right: 3px;
  81. padding-left: 3px;
  82. float: left
  83. }
  84.  
  85. .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove:hover {
  86. color: #343a40
  87. }
  88.  
  89. .select2-container :focus {
  90. outline: 0
  91. }
  92.  
  93. .select2-container--bootstrap4 .select2-selection {
  94. border: 1px solid #ced4da;
  95. border-radius: .25rem;
  96. width: 100%
  97. }
  98.  
  99. .select2-container--bootstrap4.select2-container--focus .select2-selection {
  100. border-color: #17a2b8;
  101. -webkit-box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
  102. box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
  103. }
  104.  
  105. .select2-container--bootstrap4.select2-container--focus.select2-container--open .select2-selection {
  106. border-bottom: none;
  107. border-bottom-left-radius: 0;
  108. border-bottom-right-radius: 0
  109. }
  110.  
  111. select.is-invalid ~ .select2-container--bootstrap4 .select2-selection {
  112. border-color: #dc3545
  113. }
  114.  
  115. select.is-valid ~ .select2-container--bootstrap4 .select2-selection {
  116. border-color: #28a745
  117. }
  118.  
  119. .select2-container--bootstrap4 .select2-dropdown {
  120. border-color: #ced4da;
  121. border-top: none;
  122. border-top-left-radius: 0;
  123. border-top-right-radius: 0
  124. }
  125.  
  126. .select2-container--bootstrap4 .select2-dropdown .select2-results__option[aria-selected=true] {
  127. background-color: #e9ecef
  128. }
  129.  
  130. .select2-container--bootstrap4 .select2-results__option--highlighted, .select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected=true] {
  131. background-color: #007bff;
  132. color: #f8f9fa
  133. }
  134.  
  135. .select2-container--bootstrap4 .select2-results__option[role=group] {
  136. padding: 0
  137. }
  138.  
  139. .select2-container--bootstrap4 .select2-results__group {
  140. padding: 6px;
  141. display: list-item;
  142. color: #6c757d
  143. }
  144.  
  145. .select2-container--bootstrap4 .select2-selection__clear {
  146. width: 1.2em;
  147. height: 1.2em;
  148. line-height: 1.15em;
  149. padding-left: .3em;
  150. margin-top: .5em;
  151. border-radius: 100%;
  152. background-color: #6c757d;
  153. color: #f8f9fa;
  154. float: right;
  155. margin-right: .3em
  156. }
  157.  
  158. .select2-container--bootstrap4 .select2-selection__clear:hover {
  159. background-color: #343a40
  160. }
Add Comment
Please, Sign In to add comment