selectize.default.less 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. /**
  2. * selectize.default.css (v0.12.0) - Default Theme
  3. * Copyright (c) 2013–2015 Brian Reavis & contributors
  4. *
  5. * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
  6. * file except in compliance with the License. You may obtain a copy of the License at:
  7. * http://www.apache.org/licenses/LICENSE-2.0
  8. *
  9. * Unless required by applicable law or agreed to in writing, software distributed under
  10. * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
  11. * ANY KIND, either express or implied. See the License for the specific language
  12. * governing permissions and limitations under the License.
  13. *
  14. * @author Brian Reavis <brian@thirdroute.com>
  15. */
  16. @import "selectize";
  17. @selectize-color-item: #1da7ee;
  18. @selectize-color-item-text: #fff;
  19. @selectize-color-item-active-text: #fff;
  20. @selectize-color-item-border: #0073bb;
  21. @selectize-color-item-active: #92c836;
  22. @selectize-color-item-active-border: #00578d;
  23. @selectize-width-item-border: 1px;
  24. @selectize-caret-margin: 0 1px;
  25. .selectize-control {
  26. &.multi {
  27. .selectize-input {
  28. &.has-items {
  29. @padding-x: @selectize-padding-x - 3px;
  30. padding-left: @padding-x;
  31. padding-right: @padding-x;
  32. }
  33. &.disabled [data-value] {
  34. color: #999;
  35. text-shadow: none;
  36. background: none;
  37. .selectize-box-shadow(none);
  38. &, .remove {
  39. border-color: #e6e6e6;
  40. }
  41. .remove {
  42. background: none;
  43. }
  44. }
  45. [data-value] {
  46. text-shadow: 0 1px 0 rgba(0,51,83,0.3);
  47. .selectize-border-radius(3px);
  48. .selectize-vertical-gradient(#1da7ee, #178ee9);
  49. .selectize-box-shadow(~"0 1px 0 rgba(0,0,0,0.2),inset 0 1px rgba(255,255,255,0.03)");
  50. &.active {
  51. .selectize-vertical-gradient(#008fd8, #0075cf);
  52. }
  53. }
  54. }
  55. }
  56. &.single {
  57. .selectize-input {
  58. .selectize-box-shadow(~"0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.8)");
  59. .selectize-vertical-gradient(#fefefe, #f2f2f2);
  60. }
  61. }
  62. }
  63. .selectize-control.single .selectize-input, .selectize-dropdown.single {
  64. border-color: #b8b8b8;
  65. }
  66. .selectize-dropdown {
  67. .optgroup-header {
  68. padding-top: @selectize-padding-dropdown-item-y + 2px;
  69. font-weight: bold;
  70. font-size: 0.85em;
  71. }
  72. .optgroup {
  73. border-top: 1px solid @selectize-color-dropdown-border-top;
  74. &:first-child {
  75. border-top: 0 none;
  76. }
  77. }
  78. }