toolbar.less 828 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  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. &>h3 {
  13. font-size: @font-size-large;
  14. }
  15. &>p {
  16. padding: @padding-base-vertical 0px;
  17. text-align: center;
  18. }
  19. }
  20. // Full displays
  21. @media screen and (min-width: @screen-md-min) {
  22. .toolbar {
  23. .toolbar-left {
  24. float: left;
  25. }
  26. .toolbar-right {
  27. float: right;
  28. }
  29. .toolbar-control, .toolbar-bottom>.form-control {
  30. margin: 0px;
  31. width: auto;
  32. }
  33. &>p, &>h3 {
  34. min-height: @input-height-base;
  35. margin: 0px;
  36. padding-top: @padding-base-vertical;
  37. text-align: left;
  38. }
  39. }
  40. }