liberty-prettydiff/test/samples_raw/beautification_css_compressed.txt

Language aware code comparison tool for several web based languages. It also beautifies, minifies, and a few other things.

/*prettydiff.com compressedcss:true, objsort:false*/

a{color:red;}
/*comment*/
/*comment*/
@mixin table-scaffolding{th{font-weight:bold;text-align:center}td,thx{padding:2px}}

.box-shadow(@style, @c) when (iscolor(@c)) {
  -webkit-box-shadow: @style @c;
  box-shadow:         @style @c;
}
.box-shadow(@style, @alpha: 50%) when (isnumber(@alpha)) {
  .box-shadow(@style, rgba(0, 0, 0, @alpha));
}
.box {
  color: saturate(@base, 5%);
  border-color: lighten(@base, 30%);
  div { .box-shadow(0 0 5px, 30%) }
}


$blue: #3bbfce;
$margin: 16px;
.content-navigation {
    border-color: $blue;
    color       : darken($blue,9%);
}
.border {
    border-color: $blue;
    margin      : $margin/2;
    padding     : $margin/2;
}
.styleguide-format {
    background: rgba(0,0,0,0.5);
    border    : 1px 2px 1px 2px solid #00FF00;
    color     : #000;
}
ul.category-list {
    &>li {
        list-style-type: disc;
    }
    a {
        color: #f00;
    }
}