_toolbar.scss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. .toolbar {
  2. display: flex;
  3. align-content: center;
  4. align-items: center;
  5. background: $toolbar-bg;
  6. box-shadow: $toolbar-shadow;
  7. padding: 7px 20px 7px 20px;
  8. position: relative;
  9. z-index: 1;
  10. flex: 0 0 auto;
  11. }
  12. .toolbar__main {
  13. padding: $input-padding-y $input-padding-x;
  14. font-size: $font-size-md;
  15. line-height: $input-line-height;
  16. color: $input-color;
  17. background-color: $input-bg;
  18. border: $input-border;
  19. border-radius: $input-border-radius;
  20. display: flex;
  21. align-items: center;
  22. cursor: pointer;
  23. .fa {
  24. margin-left: 20px;
  25. display: inline-block;
  26. position: relative;
  27. }
  28. }
  29. .toolbar__main-image {
  30. margin-right: 10px;
  31. display: inline-block;
  32. width: 20px;
  33. height: 20px;
  34. }
  35. .toolbar-subview {
  36. position: relative;
  37. padding: 20px 20px;
  38. background-color: $empty-list-cta-bg;
  39. top: -45px;
  40. margin: 0 30px 20px 0px;
  41. }
  42. .toolbar-subview__close {
  43. background: transparent;
  44. padding: 4px 8px 4px 9px;
  45. border: none;
  46. position: absolute;
  47. right: 15px;
  48. top: 20px;
  49. font-size: $font-size-md;
  50. &:hover {
  51. color: $text-color-strong;
  52. }
  53. }