To Examples

RealEstate Example

Source code file: RealEstate/app/assets/real_estate_listings.scss:

// Two SCSS variables:
$lightmaroon: #a00000;
$lightnavy: #0000a0;

h1 { font: normal 400% "Agency FB"; 
     color: $lightmaroon;
     margin: 10px 10px 0px 0px; }
     
h3 { font: normal 200% "Agency FB"; 
     color: $lightmaroon; 
     margin: 10px 10px 10px 0px; }
     
.addr { font-size: 120%;
        color: $lightnavy; }
        
.price { font-size: 200%;
         color: black;
         margin: 15px 0px 15px 0px; }
         
.saletype { font-size: 150%;
            font-variant: small-caps;
            color: $lightnavy;
            margin: 15px 0px 15px 0px; }
      
.specs { color: maroon; }

div.unit { border: 3px solid $lightmaroon;
           width: 4.5in;
           padding: 10px;
           margin: 10px 10px 25px 0px; }