/* /home/ant0n/code/bee-keeper/www/minder-bee/site/site.css */

html, body {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  height: 100%;
}

ul {
  padding-inline-start: 20px;
}

.text-red           { color: red !important; }
.border-red         { color: red !important; }
.bg-red             { background-color: red !important }

.text-orange        { color: orange !important; }
.border-orange      { color: orange !important; }
.bg-orange          { background-color: orange !important }

.text-green         { color: green !important; }
.border-green       { color: green !important; }
.bg-green           { background-color: green !important }

.text-white         { color: white !important; }
.border-white       { color: white !important; }
.bg-white           { background-color: white !important; }

.text-silver        { color: silver !important; }
.border-silver      { color: silver !important; }
.bg-silver          { background-color: silver !important }

.emoji-only {
  font-size: 2.5em !important;
}

.pointer {
  cursor: pointer;
}

.scroll {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.no-scroll {
  overflow: hidden;
}

[contenteditable=true]:empty:before {
  content: attr(data-placeholder);
  color: lightgrey;
  display: block;
}

.no-focus:focus {
  box-shadow: none;
  border-color: #CED4DA;
}

.plain-link:hover {
  text-decoration: none;
}

.text-truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.post-text-input {
  white-space: pre-wrap;
}

.post-text-display {
  white-space: pre-line;
}

.empty-list {
  color: silver;
  margin-top: 25%;
}