purist-css/dist/purist-both.min.css

Purist a complete reimagining of Yahoo's Pure to be less opinionated and more abstracted.

.o-box,.o-button,.o-form__input,.o-grid__item,.o-section{box-sizing:border-box}.o-button,.o-form__input{vertical-align:middle;box-sizing:border-box}.o-box:after,.o-grid:after,.o-section:after{content:"";clear:both}.u-image-fluid{display:block;height:auto;max-width:100%}.o-box:after,.o-section:after{display:table}.o-section__body{margin:0 auto}.o-box{display:block}.o-box>:last-child{margin-bottom:0}.o-button{display:inline-block;zoom:1;white-space:nowrap;text-align:center;text-decoration:none;cursor:pointer;outline:0}.o-button::-moz-focus-inner{border:0;padding:0}.o-form__label{display:block}.o-form__input{display:inline-block}.o-form--block .o-form__input{display:block;width:100%}.o-form--inline .o-form__label{display:inline-block}.o-grid{margin-left:-1.5em}.o-grid:after{display:table}.o-grid__item{float:left;padding-left:1.5em}.u-w-1-1{width:100%}.u-w-1-2{width:50%}.u-w-1-3{width:33.3%}.u-w-1-4{width:25%}.u-w-2-3{width:66.6%}.u-w-3-4{width:75%}.u-w-1-5{width:20%}.u-w-2-5{width:40%}.u-w-3-5{width:60%}.u-w-4-5{width:80%}@media (max-width:48em){.u-mw-1-1{width:100%}.u-mw-1-2{width:50%}.u-mw-1-3{width:33.3%}.u-mw-1-4{width:25%}.u-mw-2-3{width:66.6%}.u-mw-3-4{width:75%}.u-mw-hide{display:none}}@media (max-width:35.5em){.u-sw-1-1{width:100%}.u-sw-1-2{width:50%}.u-sw-1-3{width:33.3%}.u-sw-1-4{width:25%}.u-sw-2-3{width:66.6%}.u-sw-3-4{width:75%}.u-sw-hide{display:none}}.o-list-inline,.o-list-stack{margin-left:0;padding-left:0;list-style:none}.o-list-inline>li{display:inline-block}.o-table{width:100%;border-spacing:0;border-collapse:collapse}.o-table th{text-align:left}.o-table--rows td{border-top:1px solid}.o-table--cells td,.o-table--cells th{border:1px solid}.o-section__body{max-width:90%;padding:1em 0}@media (min-width:80em){.o-section__body{max-width:980px}}.o-box{padding:1em}.o-button{padding:.5em 1em;border:1px solid transparent;border-radius:3px;background-color:#313439;color:#fff}.o-button:hover{opacity:.85}.o-button:active{opacity:1}.o-button--disabled,.o-button[disabled]{pointer-events:none;opacity:.65}.o-button--primary{background-color:#1c86f2}.o-form__item:not(:last-child){margin-bottom:.5em}.o-form__label{margin-bottom:.25em}.o-form__input{padding:.5em .6em;border:1px solid #d4d4d4;border-radius:3px}.o-form__input:focus{border:1px solid #1c86f2;outline:0;outline:dotted thin\9}.o-form--inline .o-form__label{margin-bottom:0;width:15%}.o-list-stack>li:not(:first-child){padding-top:1em}.o-list-inline>li:not(:first-child){padding-left:1em}.o-table td,.o-table th{padding:.5em 1em}.o-table--cells td,.o-table--cells th,.o-table--rows td{border-color:#e1e1e1}.o-table--zebra tbody>tr:nth-child(even){background-color:#f8f8f8}