toolbar.less 971 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. //
  2. // Misago Toolbar
  3. // --------------------------------------------------
  4. .toolbar {
  5. display: block;
  6. min-height: 34px;
  7. margin-bottom: @line-height-computed;
  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-left {
  23. float: left;
  24. margin-right: @padding-large-horizontal;
  25. }
  26. .toolbar-right {
  27. float: right;
  28. margin-left: @padding-large-horizontal;
  29. }
  30. .toolbar {
  31. .toolbar-control, .toolbar-bottom>.form-control {
  32. margin: 0px;
  33. width: auto;
  34. }
  35. &>p, &>h3 {
  36. min-height: @input-height-base;
  37. margin: 0px;
  38. padding-top: @padding-base-vertical;
  39. text-align: left;
  40. }
  41. &>p {
  42. padding-top: @padding-base-vertical + 1px;
  43. }
  44. }
  45. }