@import "bootstrap";
@import "bootstrap-markdown/css/bootstrap-markdown.min";
@import "font-awesome";
@import "select2/dist/css/select2";

$footer-height: 60px;

/* Colores */
$purpura: #67103d;

.turbolinks-progress-bar {
  height: 3px;
  background-color: $purpura;
}

.background-cover {
  background: image-url("background.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.full-height {
  height: calc(100vh - #{$footer-height});
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: $footer-height;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: $footer-height;
  line-height: $footer-height;
  text-align: center;
}

textarea.post-content {
  min-height: 80vh;
  font-family: monospace;
  font-size: 90%;
}

.rtl {
  direction: rtl;
  text-align: right;
}