@import 'variables';

.post-field {
  font-family: 'Roboto Mono', monospace !important;
}

.upload-form {
  margin: 1em 0;

  button[type="submit"] {
    display: none;
  }
}

.post--container {
  max-width: 100%;
  
  .grid--cell.is-flexible {
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 0;
    width: 0;
  }
}

.badge.is-tag {
  margin: 0.1rem;
}

h1 .badge.is-tag.is-master-tag {
  position: relative;
  top: -0.4em;
}

.vote-button svg {
  font-size: 20px;
}

.post-list--meta {
  font-size: 14px;
}

.post--action-dialog {
  display: none;

  &.is-active {
    display: block;
  }
}

.js-close-box .widget--body {
  padding: 0.25em 0.5em;

  .grid--cell:first-child {
    padding-top: 0.6em;
  }
}

.post-preview {
  padding: 1em;
  border-bottom: 1px solid $muted-graphic;
  margin-bottom: 1em;
}

.post-field.widget--body {
  margin: -1px -1px 3px -1px;
  border-radius: 0;
  width: calc(100% + 2px);

  + .widget--footer {
    margin-bottom: 0;
  }
}

.post--title {
  display: flex;
  align-items: center;

  > .badge {
    margin-left: 0.5em;
  }
}
