_sidebar_right.scss 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. // SIDEBAR RIGHT
  2. // -----------------------------------------------------------------------------
  3. /* Sidebar Right */
  4. .sidebar-right {
  5. z-index: $sidebar-right-z-index;
  6. .sidebar-right-wrapper {
  7. padding: 20px;
  8. }
  9. h6 {
  10. margin: 0;
  11. color: $color-default-inverse;
  12. text-transform: uppercase;
  13. @include font-size(12);
  14. font-weight: 600;
  15. }
  16. .mobile-close {
  17. background: #000;
  18. color: #999;
  19. left: 0;
  20. line-height: 50px;
  21. padding-left: 20px;
  22. position: relative;
  23. overflow: hidden;
  24. width: 100%;
  25. text-align: left;
  26. text-decoration: none;
  27. i {
  28. margin-left: 5px;
  29. vertical-align: middle;
  30. }
  31. &:after {
  32. box-shadow: 0 0px 3px 0 rgba(255, 255, 255, 0.7);
  33. bottom: -1px;
  34. content: '';
  35. display: block;
  36. height: 1px;
  37. left: 0;
  38. position: absolute;
  39. right: 0;
  40. }
  41. }
  42. }
  43. /* If desktop is seeing mobile res, fix scrollbars */
  44. @media only screen and (max-width: 767px) {
  45. html.no-mobile-device.custom-scroll {
  46. .sidebar-right {
  47. .nano {
  48. > .nano-content {
  49. overflow: scroll;
  50. overflow-x: hidden;
  51. }
  52. }
  53. }
  54. }
  55. }