_toolbar.scss 842 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. .toolbar {
  2. display: flex;
  3. align-content: center;
  4. align-items: center;
  5. padding: 16px;
  6. position: relative;
  7. flex: 0 0 auto;
  8. }
  9. .toolbar__heading {
  10. font-size: $font-size-lg;
  11. padding-right: 20px;
  12. }
  13. .toolbar__left {
  14. display: flex;
  15. flex-grow: 1;
  16. align-items: center;
  17. }
  18. .toolbar__main {
  19. padding: 0 $space-sm;
  20. font-size: $font-size-md;
  21. line-height: $input-line-height;
  22. color: $input-color;
  23. background-color: $input-bg;
  24. height: $input-height;
  25. border: $input-border;
  26. border-radius: $input-border-radius;
  27. display: flex;
  28. align-items: center;
  29. cursor: pointer;
  30. .fa {
  31. margin-left: 20px;
  32. display: inline-block;
  33. position: relative;
  34. }
  35. }
  36. .toolbar__main-image {
  37. margin-right: 10px;
  38. display: inline-block;
  39. width: 20px;
  40. height: 20px;
  41. }
  42. .toolbar__close {
  43. flex-grow: 1;
  44. text-align: left;
  45. }