jasonkmccoy

button {
  background: #e5ac8e;
  color: #fff;
  font-size: 14px;
  border-radius: 0.5em;
  padding: 0 1em;
  position: relative;
  overflow: hidden;
  line-height: 32px;
}

jasonkmccoy

/* CSS Output */

li {
  list-style: none;
  background: #d1703c;
  color: #fff;
  height: 0;
  line-height: 2em;
  margin: 0;
  padding: 0 0.5em;

jasonkmccoy

// Hide from both screenreaders and browsers: h5bp.com/u
// Probably don't use this one

.hidden {
    display: none !important;
    visibility: hidden;
}


// Hide only visually, but have it available for screenreaders: h5bp.com/v

jasonkmccoy

// Clearfix: contain floats

// For modern browsers
// 1. The space content is one way to avoid an Opera bug when the
//    `contenteditable` attribute is included anywhere else in the document.
//    Otherwise it causes space to appear at the top and bottom of elements
//    that receive the `clearfix` class.
// 2. The use of `table` rather than `block` is only necessary if using
//    `:before` to contain the top-margins of child elements.

jasonkmccoy

@media print {
    * {
        background-color: transparent !important;
        box-shadow: none !important;
        color: #000 !important; // Black prints faster: h5bp.com/s
        text-shadow: none !important;
    }

    a,
    a:visited {

jasonkmccoy

@charset "UTF-8";
/*
  FLUIDITY v0.1.0
  @mrmrs • http://mrmrs.cc
  MIT
*/
/*

  Responsive Utilities

jasonkmccoy

/* CSS Output */

.block {
  color: red;
}
.block__element {
  color: green;
}
.block__element--modifier {
  color: blue;

jasonkmccoy

/* CSS Output */
/* Example #1 */
.blog {
  color: #555;
  background: tan;
  width: 800px;
  height: auto;
}

.blog__article {

jasonkmccoy

/* CSS Output */
ul {
  list-style: none;
  font-size: 16px;
  line-height: 1.6;
}

a {
  text-decoration: none;
  color: pink;

jasonkmccoy

/* CSS Output */
h1, h2, h3, h4, h5, h6 {
  display: inline;
}

/* Example 1: simple @for example */
h1 {
  font-size: 1em;
  padding: 20px;
}