monobass.css

/* Work in-progress */

* { box-sizing: border-box }

body {
    font-family: 'Roboto Mono', sans-serif;
  font-family: Roboto, sans-serif;
  line-height: 1.625;
  margin: 0;
  color: #111;
  background-color: #fff;
}

code, pre, samp, .mono {
  font-family: 'Roboto Mono', monospace;
}

a:not(.btn) {
  color: #08b;
  text-decoration: none;
  background-image: linear-gradient(transparent, transparent 93.75%, #0be 93.75%)
}

a:not(.btn):hover {
  background-image: linear-gradient(transparent, transparent 87.5%, #0be 87.5%)
}

h1, h2, h3,
h4, h5, h6 {
  margin-top: 2em;
  margin-bottom: .5em;
}

h1, .h1,
.large {
  font-size: 2rem;
}

h2, .h2,
h3, .h3,
h4, .h4 {
  font-size: 1rem;
}

h5, .h5,
h6, .h6,
.small {
  font-size: .75rem;
}

p,
dl,
ol,
ul,
pre,
blockquote,
hr {
  margin-top: 1em;
  margin-bottom: 1em;
}

hr {
  border: 0;
  border-bottom: 1px solid;
}

.btn {
  font-family: inherit;
  font-size: .75rem;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
  padding: .5rem .75rem;
  color: #fff;
  background-color: #08b;
  border: 0;
  border-radius: 2px;
}

.btn:hover {
  box-shadow: inset 0 0 0 999px rgba(0, 0, 128, .25);
}

.black { color: #111 }
.white { color: #fff }
.navy  { color: #047 }
.blue  { color: #08b }
.aqua  { color: #0be }
.red   { color: #f53 }

.bg-black { background-color: #111 }
.bg-white { background-color: #fff }
.bg-navy  { background-color: #047 }
.bg-blue  { background-color: #08b }
.bg-aqua  { background-color: #0be }
.bg-red   { background-color: #f53 }