Fixed sidebar, fluid content

HTML

<link rel="stylesheet" href="http://inuitcss.com/inuit.min.css">
<div class=page>
    <div class=sidebar>
        This is your sidebar div
    </div>
    
    <div class=content>
<p>

Duis malesuada massa vel mi vulputate posuere. Quisque convallis iaculis luctus. Quisque eget diam massa. Pellentesque eu purus varius, aliquet ligula in, vulputate nisi. Vivamus a ultricies lectus. Fusce purus risus, dapibus sit amet vestibulum ut, semper at neque. Nam non elit bibendum, rutrum tortor a, accumsan dolor.</p>

<p>Etiam bibendum interdum lacus, vitae bibendum eros feugiat sed. Sed sem dolor, pulvinar id ante vel, sollicitudin varius turpis. Proin vel auctor dolor, ut vulputate purus. Nam ultrices ullamcorper lectus. Pellentesque eu dapibus arcu, ac rhoncus mauris. Curabitur consectetur ut est ut vestibulum. Phasellus a hendrerit felis, vitae pulvinar erat. </p>

<p>Nam euismod, massa id scelerisque venenatis, nulla diam scelerisque orci, eget rutrum elit ante at justo. Vivamus gravida feugiat arcu. Quisque vehicula metus lorem, vel congue nibh tincidunt nec. Sed dictum gravida maximus. Aenean fringilla nisl id nunc luctus vulputate. Nunc sollicitudin purus ut metus accumsan, eget tempus orci tincidunt. Ut placerat dolor vitae elit elementum, tempus malesuada mi bibendum. In rhoncus tortor posuere fringilla consectetur. Mauris fringilla ullamcorper mauris, eu ullamcorper sem congue quis. Aliquam erat volutpat. Nam bibendum est id sapien tincidunt, vitae efficitur massa vulputate. Phasellus rhoncus ut massa id aliquet.</p>

<p>Quisque mi libero, malesuada in semper ultricies, convallis eu tortor. Donec vel libero lectus. Praesent non lacinia tellus, id molestie velit. Nulla nec est commodo, ullamcorper dolor non, congue lectus. Etiam sed augue eget diam consectetur ullamcorper. Suspendisse viverra ante non molestie efficitur. Aenean auctor tincidunt mauris id tincidunt. Fusce nec purus euismod, mattis nisi ut, vulputate neque. Morbi in tristique risus. Suspendisse...

SCSS

.media{
    display:block;
    @extend .cf;
}
    .media__img{
        float:left;
        margin-right:24px;
    }
    /**
     * Reversed image location (right instead of left).
     */
    .media__img--rev{
        float:right;
        margin-left:24px;
    }
    
        .media__img img,
        .media__img--rev img{
            display:block;
        }
    
    .media__body{
        overflow:hidden;
    }
        .media__body,
        .media__body > :last-child{
            margin-bottom:0;
        }



.page{
    @extend .media;
}
.content{
    @extend .media__body;
    background:blue;
}
.sidebar{
    width:260px;
    background:red;
    @extend .media__img;
}