selectize.legacy.less 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. /**
  2. * selectize.legacy.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-font-size: 13px;
  18. @selectize-line-height: 20px;
  19. @selectize-color-input-full: #f2f2f2;
  20. @selectize-color-item: #b8e76f;
  21. @selectize-color-item-text: #3d5d18;
  22. @selectize-color-item-border: #74b21e;
  23. @selectize-color-item-active: #92c836;
  24. @selectize-color-item-active-border: #6f9839;
  25. @selectize-color-highlight: rgba(255,237,40,0.4);
  26. @selectize-color-dropdown-item-active: #fffceb;
  27. @selectize-color-dropdown-item-active-text: @selectize-color-text;
  28. @selectize-color-optgroup: #f8f8f8;
  29. @selectize-color-optgroup-text: @selectize-color-text;
  30. @selectize-width-item-border: 1px;
  31. @selectize-padding-x: 10px;
  32. @selectize-padding-y: 10px;
  33. @selectize-padding-item-x: 5px;
  34. @selectize-padding-item-y: 1px;
  35. @selectize-padding-dropdown-item-x: 10px;
  36. @selectize-padding-dropdown-item-y: 7px;
  37. @selectize-margin-item-x: 4px;
  38. @selectize-margin-item-y: 4px;
  39. .selectize-control {
  40. &.multi {
  41. .selectize-input [data-value] {
  42. text-shadow: 0 1px 0 rgba(255,255,255,0.1);
  43. .selectize-border-radius(3px);
  44. .selectize-vertical-gradient(#b8e76f, #a9e25c);
  45. .selectize-box-shadow(0 1px 1px rgba(0,0,0,0.1));
  46. &.active {
  47. .selectize-vertical-gradient(#92c836, #7abc2c);
  48. }
  49. }
  50. }
  51. &.single {
  52. .selectize-input {
  53. .selectize-box-shadow(~"inset 0 1px 0 rgba(255,255,255,0.8), 0 2px 0 #e0e0e0, 0 3px 0 #c8c8c8, 0 4px 1px rgba(0,0,0,0.1)");
  54. .selectize-vertical-gradient(#f5f5f5, #efefef);
  55. }
  56. }
  57. }
  58. .selectize-control.single .selectize-input, .selectize-dropdown.single {
  59. border-color: #b8b8b8;
  60. }
  61. .selectize-dropdown {
  62. .optgroup-header {
  63. font-weight: bold;
  64. font-size: 0.8em;
  65. border-bottom: 1px solid @selectize-color-dropdown-border-top;
  66. border-top: 1px solid @selectize-color-dropdown-border-top;
  67. }
  68. }