JezK
Edit File: page-foundation4_and_overrides_css_scss.ri
U:RDoc::TopLevel[ i I"Olib/generators/layout/install/templates/foundation4_and_overrides.css.scss:ETcRDoc::Parser::Simpleo:RDoc::Markup::Document:@parts[o:RDoc::Markup::Paragraph;[I"!// import the CSS framework ;TI"@import "foundation";;To:RDoc::Markup::BlankLine o; ;[I"0// override for the 'Home' navigation link ;TI".top-bar .name {;To:RDoc::Markup::Verbatim;[I"font-size: rem-calc(13); ;TI"line-height: 45px; } ;T:@format0o; ;[I".top-bar .name a {;To;;[I"font-weight: normal; ;TI"color: white; ;TI"padding: 0 15px; } ;T;0o; ;[I"*// THESE ARE EXAMPLES YOU CAN MODIFY ;TI"/// create mixins using Foundation classes ;TI"@mixin twelve-columns {;To;;[I"@extend .small-12; ;TI"@extend .columns; ;TI"} ;T;0o; ;[I""@mixin six-columns-centered {;To;;[ I"@extend .small-6; ;TI"@extend .columns; ;TI"@extend .text-center; ;TI"} ;T;0o; ;[I" // create your own classes ;TI"(// to make views framework-neutral ;TI".column {;To;;[I"$@include six-columns-centered; ;TI"} ;T;0o; ;[I".form {;To;;[I"@include grid-column(6); ;TI"} ;T;0o; ;[I".form-centered {;To;;[I"$@include six-columns-centered; ;TI"} ;T;0o; ;[I".submit {;To;;[I"@extend .button; ;TI"@extend .radius; ;TI"} ;T;0o; ;[I"&// apply styles to HTML elements ;TI"(// to make views framework-neutral ;TI"main {;To;;[I"@include twelve-columns; ;TI"background-color: #eee; ;TI"} ;T;0o; ;[I"section {;To;;[I"@extend .row; ;TI"margin-top: 20px; ;TI"};T;0: @file@:0@omit_headings_from_table_of_contents_below0