toolbar.less 743 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. //
  2. // Misago Toolbar
  3. // --------------------------------------------------
  4. .toolbar {
  5. display: block;
  6. overflow: auto;
  7. margin-bottom: @padding-large-vertical;
  8. &.toolbar-bottom {
  9. margin-top: @padding-large-vertical;
  10. margin-bottom: @line-height-computed;
  11. }
  12. &>p {
  13. padding: @padding-base-vertical 0px;
  14. text-align: center;
  15. }
  16. }
  17. // Full displays
  18. @media screen and (min-width: @screen-md-min) {
  19. .toolbar {
  20. .toolbar-left {
  21. float: left;
  22. }
  23. .toolbar-right {
  24. float: right;
  25. }
  26. &>.form-control {
  27. margin: 0px;
  28. width: auto;
  29. }
  30. &>p {
  31. min-height: @input-height-base;
  32. margin: 0px;
  33. padding-top: @padding-base-vertical;
  34. text-align: left;
  35. }
  36. }
  37. }