xzyfer

// ----
// libsass (v3.3.2)
// ----

div {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%2851, 51, 51%29'></polygon></svg>");
}

xzyfer

// ----
// libsass (v3.3.2)
// ----

.bar {
  color: green;
}

.foo {
  @extends .bar;

xzyfer

/* flag */
.flag,
.money-back-guarantee {
  display: table;
  width: 100%;
}
.flag__flag,
.money-back-guarantee .money-back-guarantee__messaging {
  padding-left: 30px;
  padding-top: 0px;

xzyfer

@import url(http://fonts.googleapis.com/css?family=Numans);

* { font-family: 'Numans', sans-serif; }
html { 
background:
radial-gradient(black 15%, transparent 16%) 0 0,
radial-gradient(black 15%, transparent 16%) 8px 8px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
background-color:#282828;

xzyfer

/*
YUI 3.10.3 (build 2fb5187)
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

div {

xzyfer

#page { border: red 1px solid; padding: 1%; clear: both; }
#page * { box-sizing: border-box; }

.row { width: 100%;  clear: both; border: green 1px solid; }
.row div { height: 100px; background-color: blue; margin: 1%; float: left; }

.full { width: 98%; }
.half { width: 48%; }
.third { width: 31.33%; min-width: 100px; }
.quarter { width: 23%; }

xzyfer

#page { border: red 1px solid; padding: 1%; clear: both; }
#page * { box-sizing: border-box; }

.row { width: 100%;  clear: both; border: green 1px solid; }
.row div { height: 100px; background-color: blue; margin: 1%; float: left; }

.full { width: 98%; }
.half { width: 48%; }
.third { width: 31.33%; }
.quarter { width: 23%; }

xzyfer

#page { width: 500px; padding: 1%; }
#page * { box-sizing: border-box; border: none; outline: none; }

.row { width: 100%; }
.row div { height: 100px; background-color: blue; margin: 1%; float: left; }

.full { width: 98%; }
.half { width: 48%; }
.third { width: 31.33%; }
.quarter { width: 23%; }

xzyfer

#page { width: 500px; padding: 1%; }
#page * { box-sizing: border-box; border: none; outline: none; }

.row { width: 100%; }
.row div { height: 100px; background-color: blue; margin: 1%; float: left; }

.full { width: 98%; }
.half { width: 48%; }
.third { width: 31.33%; }
.quarter { width: 23%; }

xzyfer

#page { width: 500px; padding: 1%; }
#page * { box-sizing: border-box; border: none; outline: none; }

.row { width: 100%; }
.row div { height: 100px; background-color: blue; margin: 1%; float: left; }

.full { width: 98%; }
.half { width: 48%; }
.third { width: 31.33%; }
.quarter { width: 23%; }