//
// Markup styles
// --------------------------------------------------

// Force word wrap for user text
.misago-markup p {
  word-wrap: break-word;
}


// Downscale images so they don't expand area
.misago-markup img {
  max-width: 100%;
  max-height: 500px;
}


// Make quotes stand out a little
.misago-markup blockquote {
  background: @gray-lighter;
  border: none;
  padding-bottom: @line-height-computed;

  font-size: @font-size-base;

  header {
    font-weight: bold;
  }

  blockquote {
    background: darken(@gray-lighter, 5%);

    blockquote {
      background: darken(@gray-lighter, 8%);
    }
  }
}


// Add bullets to lists
.misago-markup ul {
  list-style-type: square;

  li {
    list-style-type: square;
  }
}

.misago-markup ol {
  list-style-type: decimal;

  li {
    list-style-type: decimal;
  }
}


// Even out blocks
.misago-markup>*, .misago-markup blockquote>*:not(header) {
  margin: @line-height-computed 0px;

  &:first-child {
    margin-top: 0px;
  }

  &:last-child {
    margin-bottom: 0px;
  }
}