// import the CSS framework @import “foundation”;

// override for the 'Home' navigation link .top-bar .name {

font-size: rem-calc(13);
line-height: 45px; }

.top-bar .name a {

font-weight: normal;
color: white;
padding: 0 15px; }

// THESE ARE EXAMPLES YOU CAN MODIFY // create mixins using Foundation classes @mixin twelve-columns {

@extend .small-12;
@extend .columns;
}

@mixin six-columns-centered {

@extend .small-6;
@extend .columns;
@extend .text-center;
}

// create your own classes // to make views framework-neutral .column {

@include six-columns-centered;
}

.form {

@include grid-column(6);
}

.form-centered {

@include six-columns-centered;
}

.submit {

@extend .button;
@extend .radius;
}

// apply styles to HTML elements // to make views framework-neutral main {

@include twelve-columns;
background-color: #eee;
}

section {

@extend .row;
margin-top: 20px;
}