bullframe.css/dist/index.css

Bullframe CSS is a lightweight Sass (SCSS) framework for building fast, responsive, and accessible UIs — semantic, themeable, and classless-friendly, with solid cross-browser support.

.demo .bf-row{margin-bottom:2rem}.demo [class^=bf-col]{margin-bottom:1rem}.demo header{margin-bottom:1rem}.demo header h1{margin-top:1rem;margin-bottom:0;font-weight:700}.demo header h1 span{color:#f95c1f}@media (min-width: 600px){.demo header h1{font-size:5.5rem}}@media (min-width: 1000px){.demo header h1{font-size:7rem}}.demo header a{margin-right:1rem}@media (min-width: 600px){.demo .btn-github{font-size:115%}}.demo .description{max-width:80rem;margin-left:auto;margin-right:auto}.demo .h2--section{padding-bottom:2rem;text-transform:uppercase}@media (min-width: 600px){.demo .h2--section{font-size:4rem}}.demo legend{padding-bottom:1rem}.demo button,.demo .bf-btn,.demo .input-image,.demo input,.demo select,.demo textarea{margin-bottom:2rem}.demo dialog .bf-btn{margin-bottom:0}.demo [type=image],.demo [type=checkbox],.demo [type=radio]{margin-bottom:0}.demo .grid .col-wrapper{background-color:#888;height:6rem;line-height:6rem;overflow-y:hidden;color:#fff;font-size:80%;text-align:center;border-radius:3px;font-weight:700}.demo .grid .bf-row:nth-child(odd) .col-wrapper{background-color:#ccc;color:#000}@media (max-width: 767px){.demo .grid .bf-row{margin-bottom:0}.demo .grid [class*=bf-col-]{margin-bottom:2rem}}.demo .back-to-top{text-align:center;display:block;margin:6rem 0 12rem}.demo .back-to-top a i{vertical-align:middle;font-style:normal}@media (max-width: 575px){.demo header{margin-bottom:1rem}}