bootstrap-multiselect.less 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135
  1. /**
  2. * Bootstrap Multiselect (http://davidstutz.de/bootstrap-multiselect/)
  3. *
  4. * Apache License, Version 2.0:
  5. * Copyright (c) 2012 - 2018 David Stutz
  6. *
  7. * Licensed under the Apache License, Version 2.0 (the "License"); you may not
  8. * use this file except in compliance with the License. You may obtain a
  9. * copy of the License at http://www.apache.org/licenses/LICENSE-2.0
  10. *
  11. * Unless required by applicable law or agreed to in writing, software
  12. * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
  13. * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
  14. * License for the specific language governing permissions and limitations
  15. * under the License.
  16. *
  17. * BSD 3-Clause License:
  18. * Copyright (c) 2012 - 2018 David Stutz
  19. * All rights reserved.
  20. *
  21. * Redistribution and use in source and binary forms, with or without
  22. * modification, are permitted provided that the following conditions are met:
  23. * - Redistributions of source code must retain the above copyright notice,
  24. * this list of conditions and the following disclaimer.
  25. * - Redistributions in binary form must reproduce the above copyright notice,
  26. * this list of conditions and the following disclaimer in the documentation
  27. * and/or other materials provided with the distribution.
  28. * - Neither the name of David Stutz nor the names of its contributors may be
  29. * used to endorse or promote products derived from this software without
  30. * specific prior written permission.
  31. *
  32. * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
  33. * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO,
  34. * THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
  35. * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR
  36. * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
  37. * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
  38. * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS;
  39. * OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY,
  40. * WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR
  41. * OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF
  42. * ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  43. */
  44. span.multiselect-native-select{
  45. position:relative
  46. }
  47. span.multiselect-native-select select{
  48. border :0 !important;
  49. clip: rect(0 0 0 0) !important;
  50. height: 1px !important;
  51. margin: -1px -1px -1px -3px !important;
  52. overflow: hidden !important;
  53. padding: 0 !important;
  54. position: absolute !important;
  55. width: 1px !important;
  56. left: 50%;
  57. top: 30px;
  58. }
  59. .multiselect-container {
  60. position: absolute;
  61. list-style-type: none;
  62. margin: 0;
  63. padding: 0;
  64. .input-group {
  65. margin: 5px;
  66. }
  67. .multiselect-reset {
  68. .input-group {
  69. width: 93%;
  70. }
  71. }
  72. > li {
  73. padding: 0;
  74. > a.multiselect-all label {
  75. font-weight: bold;
  76. }
  77. &.multiselect-group label {
  78. margin: 0;
  79. padding: 3px 20px 3px 20px;
  80. height: 100%;
  81. font-weight: bold;
  82. }
  83. &.multiselect-group-clickable label {
  84. cursor: pointer;
  85. }
  86. > a {
  87. padding: 0;
  88. > label {
  89. margin: 0;
  90. height: 100%;
  91. cursor: pointer;
  92. font-weight: normal;
  93. padding: 3px 20px 3px 40px;
  94. &.radio, &.checkbox {
  95. margin: 0;
  96. }
  97. > input[type="checkbox"] {
  98. margin-bottom:5px;
  99. }
  100. }
  101. }
  102. }
  103. }
  104. .btn-group > .btn-group:nth-child(2) > .multiselect.btn {
  105. border-top-left-radius: 4px;
  106. border-bottom-left-radius: 4px;
  107. }
  108. .form-inline .multiselect-container{
  109. label.checkbox, label.radio{
  110. padding: 3px 20px 3px 40px;
  111. }
  112. li a label{
  113. &.checkbox input[type="checkbox"], &.radio input[type="radio"]{
  114. margin-left: -20px;
  115. margin-right: 0;
  116. }
  117. }
  118. }