_pickers.scss.html 4.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>The source code</title>
  6. <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
  7. <script type="text/javascript" src="../resources/prettify/prettify.js"></script>
  8. <style type="text/css">
  9. .highlight { display: block; background-color: #ddd; }
  10. </style>
  11. <script type="text/javascript">
  12. function highlight() {
  13. document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
  14. }
  15. </script>
  16. </head>
  17. <body onload="prettyPrint(); highlight();">
  18. <pre class="prettyprint lang-js">// color picker
  19. $colorpicker-item-border-color: #aca899 !default;
  20. $colorpicker-over-border-color: #8bb8f3 !default;
  21. $colorpicker-over-background-color: #deecfd !default;
  22. // date picker
  23. $datepicker-base-color: $base-color !default;
  24. $datepicker-border-color: adjust-color($datepicker-base-color, $hue: 5.926deg, $saturation: 4.444%, $lightness: -57.647%) !default; //#1b376c
  25. $datepicker-border-width: 1px !default;
  26. $datepicker-border-style: solid !default;
  27. $datepicker-border: $datepicker-border-width $datepicker-border-style $datepicker-border-color !default;
  28. $datepicker-background-color: #ffffff !default;
  29. $datepicker-next-image: 'shared/right-btn.gif' !default;
  30. $datepicker-prev-image: 'shared/left-btn.gif' !default;
  31. $datepicker-month-arrow-image: 'button/s-arrow-light.gif' !default;
  32. $datepicker-tool-sprite-image: 'tools/tool-sprites.gif' !default;
  33. $datepicker-header-background-color: adjust-color($datepicker-base-color, $hue: 5.768deg, $saturation: 0.419%, $lightness: -52.941%) !default; //#23427c
  34. $datepicker-header-background-gradient: matte !default;
  35. $datepicker-monthpicker-color: #fff !default;
  36. $datepicker-th-color: adjust-color($datepicker-base-color, $hue: 5.586deg, $saturation: -4.167%, $lightness: -55.882%) !default; //#233d6d
  37. $datepicker-th-font-family: $font-family !default;
  38. $datepicker-th-font-size: 10px !default;
  39. $datepicker-th-font-weight: normal !default;
  40. $datepicker-th-font: $datepicker-th-font-weight $datepicker-th-font-size $font-family !default;
  41. $datepicker-th-background-color: adjust-color($datepicker-base-color, $hue: -1.19deg, $saturation: 22.222%, $lightness: 8.824%) !default; //#dfecfb
  42. $datepicker-th-background-gradient: matte !default;
  43. $datepicker-th-border-bottom-color: darken($datepicker-th-background-color, 10) !default;
  44. $datepicker-th-text-align: right !default;
  45. $datepicker-td-height: 17px !default;
  46. //item
  47. $datepicker-item-color: #000 !default;
  48. $datepicker-item-border-width: 1px !default;
  49. $datepicker-item-border-style: solid !default;
  50. $datepicker-item-border-color: #fff !default;
  51. $datepicker-item-border: $datepicker-item-border-width $datepicker-item-border-style $datepicker-item-border-color !default;
  52. $datepicker-item-hover-background-color: adjust-color($datepicker-base-color, $hue: -0.606deg, $saturation: 38.73%, $lightness: 9.02%) !default; //#ddecfe
  53. $datepicker-today-item-border-color: darkred !default;
  54. $datepicker-selected-item-border-width: 1px !default;
  55. $datepicker-selected-item-border-style: solid !default;
  56. $datepicker-selected-item-border-color: adjust-color($datepicker-base-color, $hue: 0.853deg, $saturation: 5.008%, $lightness: -11.961%) !default; //#8db2e3
  57. $datepicker-selected-item-border: $datepicker-selected-item-border-width $datepicker-selected-item-border-style $datepicker-selected-item-border-color !default;
  58. $datepicker-selected-item-background-color: adjust-color($datepicker-base-color, $hue: 0.267deg, $saturation: -4.535%, $lightness: 6.275%) !default;
  59. $datepicker-footer-background-color: $datepicker-th-background-color !default;
  60. $datepicker-footer-background-gradient: color_stops(adjust-color($datepicker-base-color, $hue: 0.58deg, $saturation: -2.067%, $lightness: 7.451%), adjust-color($datepicker-base-color, $hue: -0.43deg, $saturation: -4.736%, $lightness: 3.922%) 49%, adjust-color($datepicker-base-color, $hue: -0.175deg, $saturation: -4.204%, $lightness: 1.373%) 51%, adjust-color($datepicker-base-color, $hue: 0.952deg, $saturation: -4.831%, $lightness: 2.353%)) !default;
  61. $datepicker-footer-border-top-color: $datepicker-th-border-bottom-color !default; //a3bad9
  62. $datepicker-monthpicker-height: 167px !default;
  63. $datepicker-monthpicker-item-color: adjust-color($datepicker-base-color, $hue: 3.785deg, $saturation: 18.194%, $lightness: -52.745%) !default; //#15428B
  64. $datepicker-monthpicker-item-border: $datepicker-item-border !default;
  65. $datepicker-monthpicker-item-hover-background-color: $datepicker-item-hover-background-color !default;
  66. $datepicker-monthpicker-item-selected-background-color: $datepicker-footer-background-color !default;
  67. $datepicker-monthpicker-item-selected-border: $datepicker-selected-item-border !default;
  68. </pre>
  69. </body>
  70. </html>