You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

55 lines
1.3 KiB

10 years ago
10 years ago
  1. /*******************************
  2. Sidebar
  3. *******************************/
  4. @duration: 0.3s;
  5. @easing: @defaultEasing;
  6. @bodyTransition:
  7. margin @duration @easing,
  8. transform @duration @easing
  9. ;
  10. @overflowY: auto;
  11. @zIndex: 999;
  12. @sidebarTransition:
  13. margin-left @duration @easing,
  14. margin-top @duration @easing
  15. ;
  16. /* Coupling */
  17. @dimmableSidebarPosition: static;
  18. /*-------------------
  19. Variations
  20. --------------------*/
  21. /* Sizes */
  22. @veryThinWidth: 60px;
  23. @thinWidth: 200px;
  24. @width: 275px;
  25. @wideWidth: 350px;
  26. @veryWideWidth: 475px;
  27. @veryThinHeight: 20px;
  28. @thinHeight: 30px;
  29. @height: 37px;
  30. @tallHeight: 100px;
  31. @veryTallHeight: 150px;
  32. /* Styled */
  33. @styledVerticalPadding: 1em;
  34. @styledHorizontalPadding: 1.5em;
  35. @styledBackground: @white;
  36. @styledBoxShadow: 1px 0px 0px rgba(0, 0, 0, 0.1);
  37. @styledThinPadding: 1em;
  38. @styledVeryThinPadding: 0.5em;
  39. /* Floating */
  40. @floatingShadowColor: rgba(0, 0, 0, 0.2);
  41. @floatingShadowDistance: 2px;
  42. @floatingShadowBlur: 2px;
  43. @floatingLeftBoxShadow: @floatingShadowDistance 0px @floatingShadowBlur @floatingShadowColor;
  44. @floatingRightBoxShadow: -(@floatingShadowDistance) 0px @floatingShadowBlur @floatingShadowColor;
  45. @floatingTopBoxShadow: 0px @floatingShadowDistance @floatingShadowBlur @floatingShadowColor;
  46. @floatingBottomBoxShadow: 0px -(@floatingShadowDistance) @floatingShadowBlur @floatingShadowColor;