shortcuts-toggle.less 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. //sidebar toggle
  2. .sidebar {
  3. .sidebar-toggle {
  4. border-style: solid;
  5. border-width: 0 0 1px;
  6. text-align: center;
  7. padding: 3px 0;
  8. position: relative;
  9. > .@{icon} {
  10. padding: 0 5px;
  11. line-height: 18px;
  12. cursor: pointer;
  13. font-size: @font-size-sidebar-minimize-icon;
  14. border-radius: 100%;
  15. border: 1px solid;
  16. position: relative;
  17. }
  18. &:before {
  19. content: "";
  20. display: block;
  21. height: 0;
  22. border-top: 1px solid;
  23. border-color: inherit;
  24. position: absolute;
  25. left: 15px;
  26. right: 15px;
  27. top: 13px;
  28. }
  29. }
  30. //sidebar shortcuts icon
  31. .sidebar-shortcuts {
  32. text-align: center;
  33. min-height: @breadcrumb-height - 1;
  34. margin-bottom: 0;
  35. overflow: hidden;
  36. position: relative;
  37. border: 0 solid;
  38. }
  39. .sidebar-shortcuts:empty {
  40. display: none;
  41. }
  42. .sidebar-shortcuts-large {
  43. line-height: @breadcrumb-height - 4;
  44. > .btn {
  45. text-align:center;
  46. width: 41px;
  47. line-height: 24px;
  48. padding: 0;
  49. border-width: 4px;
  50. > .@{icon} {
  51. margin: 0;
  52. }
  53. }
  54. }
  55. .sidebar-shortcuts-mini {
  56. display: none;
  57. font-size: 0;
  58. width: 42px;
  59. padding-top: 2px;
  60. padding-bottom: 2px;
  61. > .btn {
  62. border-width: 0;// !important;
  63. font-size: 0;
  64. line-height: 0;
  65. padding: 8px;
  66. margin: 1px;
  67. border-radius: 0;
  68. .opacity(0.85);
  69. }
  70. }
  71. @media screen and (-webkit-min-device-pixel-ratio:0) {
  72. ::safari-only, .sidebar-shortcuts-mini > .btn {
  73. //safari only
  74. margin: 0;
  75. }
  76. }
  77. }