Home Explore Help
Register Sign In
xielq
/
saas-one
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Branch: feature_newsso
Branches Tags
saas-one
/
frontend
/
operation-web
/
ext
/
classic
/
theme-classic
/
sass
/
var
/
picker
/
Date.scss

Date.scss 3.6 KB
Permalink History Raw

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253 
  1. /** @class Ext.picker.Date */
    2. 

  2. //
    3. 

  3. 

  4. $datepicker-base-color: dynamic($base-color);
    5. 

  5. $datepicker-border-color: dynamic(adjust-color($datepicker-base-color, $hue: 5.926deg, $saturation: 4.444%, $lightness: -57.647%)); //#1b376c
    6. 

  6. $datepicker-next-image: dynamic('shared/right-btn');
    7. 

  7. $datepicker-prev-image: dynamic('shared/left-btn');
    8. 

  8. $datepicker-arrow-opacity: dynamic(.7);
    9. 

  9. $datepicker-arrow-width: dynamic(15px);
    10. 

  10. $datepicker-arrow-height: dynamic(15px);
    11. 

  11. $datepicker-item-height: dynamic(20px);
    12. 

  12. $datepicker-item-width: dynamic(25px);
    13. 

  13. $datepicker-item-padding: dynamic(0 4px 0 0);
    14. 

  14. $datepicker-header-padding: dynamic(3px 6px);
    15. 

  15. $datepicker-month-button-arrow-image: dynamic('button/s-arrow-light');
    16. 

  16. $datepicker-monthpicker-next-image: dynamic('tools/tool-sprites');
    17. 

  17. $datepicker-monthpicker-prev-image: dynamic('tools/tool-sprites');
    18. 

  18. 

  19. $datepicker-header-background-color: dynamic(adjust-color($datepicker-base-color, $hue: 5.768deg, $saturation: 0.419%, $lightness: -52.941%)); //#23427c
    20. 

  20. $datepicker-header-background-gradient: dynamic(matte);
    21. 

  21. 

  22. $datepicker-column-header-color: dynamic(adjust-color($datepicker-base-color, $hue: 5.586deg, $saturation: -4.167%, $lightness: -55.882%)); //#233d6d
    23. 

  23. $datepicker-column-header-font-size: dynamic(10px);
    24. 

  24. $datepicker-column-header-background-color: dynamic(adjust-color($datepicker-base-color, $hue: -1.19deg, $saturation: 22.222%, $lightness: 8.824%)); //#dfecfb
    25. 

  25. $datepicker-column-header-background-gradient: dynamic(matte);
    26. 

  26. $datepicker-column-header-border-color: dynamic(darken($datepicker-column-header-background-color, 10));
    27. 

  27. $datepicker-column-header-item-padding: dynamic(0 7px 0 0);
    28. 

  28. 

  29. $datepicker-footer-background-color: dynamic($datepicker-column-header-background-color);
    30. 

  30. $datepicker-footer-background-gradient: dynamic(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%)));
    31. 

  31. $datepicker-footer-padding: dynamic(4px 0);
    32. 

  32. $datepicker-monthpicker-item-color: dynamic(adjust-color($datepicker-base-color, $hue: 3.785deg, $saturation: 18.194%, $lightness: -52.745%)); //#15428B
    33. 

  33. $datepicker-item-hover-background-color: dynamic(adjust-color($datepicker-base-color, $hue: -0.606deg, $saturation: 38.73%, $lightness: 9.02%)); //#ddecfe
    34. 

  34. $datepicker-item-selected-background-color: dynamic(adjust-color($datepicker-base-color, $hue: 0.267deg, $saturation: -4.535%, $lightness: 6.275%));
    35. 

  35. $datepicker-item-selected-border-color: dynamic(adjust-color($datepicker-base-color, $hue: 0.853deg, $saturation: 5.008%, $lightness: -11.961%)); //#8db2e3
    36. 

  36. $datepicker-item-today-border-color: dynamic(darkred);
    37. 

  37. $datepicker-item-font-size: dynamic(ceil($font-size * .9));
    38. 

  38. $datepicker-item-prev-next-color: dynamic(#aaa);
    39. 

  39. $datepicker-item-disabled-color: dynamic(#bbb);
    40. 

  40. 

  41. $datepicker-footer-border-color: dynamic($datepicker-column-header-border-color);
    42. 

  42. 

  43. $datepicker-monthpicker-item-margin: dynamic(5px 5px 4px);
    44. 

  44. $datepicker-monthpicker-item-height: dynamic(18px);
    45. 

  45. 

  46. $datepicker-monthpicker-yearnav-button-height: dynamic(15px);
    47. 

  47. $datepicker-monthpicker-yearnav-button-width: dynamic(15px);
    48. 

  48. $datepicker-monthpicker-next-background-position: dynamic(0 -120px);
    49. 

  49. $datepicker-monthpicker-next-background-position-over: dynamic(-15px -120px);
    50. 

  50. $datepicker-monthpicker-prev-background-position: dynamic(0 -105px);
    51. 

  51. $datepicker-monthpicker-prev-background-position-over: dynamic(-15px -105px);
    52. 

  52. 

  53. $datepicker-monthpicker-small-item-margin: dynamic(2px 5px);
    54.