.command-line-prompt {
  border-right: 1px solid #999;
  display: block;
  float: left;
  font-size: 100%;
  letter-spacing: -1px;
  margin-right: 1em;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.command-line-prompt>span:before {
  color: #999;
  content: ' ';
  display: block;
  padding-right: 0.8em;
}

.command-line-prompt>span[data-user]:before {
  content: "["attr(data-user) "@"attr(data-host) "] $";
}

.command-line-prompt>span[data-user="root"]:before {
  content: "["attr(data-user) "@"attr(data-host) "] #";
}

.command-line-prompt>span[data-prompt]:before {
  content: attr(data-prompt);
}