3.1.2 (Brainy Betty) d674c42e2201d99653e308011ae323c2238f5069 o:Sass::Tree::RootNode : @linei:@has_childrenT:@children[o:Sass::Tree::CommentNode ;i: @value"/* Based on [Eric Meyer's reset 2.0](http://meyerweb.com/eric/tools/css/reset/index.html) * Global reset rules. * For more specific resets, use the reset mixins provided below */: @silenti;[: @options{: @loud0: @lines[o:Sass::Tree::MixinDefNode ;i ;T: @args[;[ o:Sass::Tree::RuleNode ;i;T:@parsed_ruleso:"Sass::Selector::CommaSequence;i:@filename": @members[Vo:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence;i;@;[o:Sass::Selector::Element ;i;@: @name[" html:@namespace0o;;[o;;i;@;[o; ;i;@;[" body;0o;;[o;;i;@;[o; ;i;@;["div;0o;;[o;;i;@;[o; ;i;@;[" span;0o;;[o;;i;@;[o; ;i;@;[" applet;0o;;[o;;i;@;[o; ;i;@;[" object;0o;;[o;;i;@;[o; ;i;@;[" iframe;0o;;[" o;;i;@;[o; ;i;@;["h1;0o;;[o;;i;@;[o; ;i;@;["h2;0o;;[o;;i;@;[o; ;i;@;["h3;0o;;[o;;i;@;[o; ;i;@;["h4;0o;;[o;;i;@;[o; ;i;@;["h5;0o;;[o;;i;@;[o; ;i;@;["h6;0o;;[o;;i;@;[o; ;i;@;["p;0o;;[o;;i;@;[o; ;i;@;["blockquote;0o;;[o;;i;@;[o; ;i;@;["pre;0o;;[" o;;i;@;[o; ;i;@;["a;0o;;[o;;i;@;[o; ;i;@;[" abbr;0o;;[o;;i;@;[o; ;i;@;[" acronym;0o;;[o;;i;@;[o; ;i;@;[" address;0o;;[o;;i;@;[o; ;i;@;["big;0o;;[o;;i;@;[o; ;i;@;[" cite;0o;;[o;;i;@;[o; ;i;@;[" code;0o;;[" o;;i;@;[o; ;i;@;["del;0o;;[o;;i;@;[o; ;i;@;["dfn;0o;;[o;;i;@;[o; ;i;@;["em;0o;;[o;;i;@;[o; ;i;@;["img;0o;;[o;;i;@;[o; ;i;@;["ins;0o;;[o;;i;@;[o; ;i;@;["kbd;0o;;[o;;i;@;[o; ;i;@;["q;0o;;[o;;i;@;[o; ;i;@;["s;0o;;[o;;i;@;[o; ;i;@;[" samp;0o;;[" o;;i;@;[o; ;i;@;[" small;0o;;[o;;i;@;[o; ;i;@;[" strike;0o;;[o;;i;@;[o; ;i;@;[" strong;0o;;[o;;i;@;[o; ;i;@;["sub;0o;;[o;;i;@;[o; ;i;@;["sup;0o;;[o;;i;@;[o; ;i;@;["tt;0o;;[o;;i;@;[o; ;i;@;["var;0o;;[" o;;i;@;[o; ;i;@;["b;0o;;[o;;i;@;[o; ;i;@;["u;0o;;[o;;i;@;[o; ;i;@;["i;0o;;[o;;i;@;[o; ;i;@;[" center;0o;;[" o;;i;@;[o; ;i;@;["dl;0o;;[o;;i;@;[o; ;i;@;["dt;0o;;[o;;i;@;[o; ;i;@;["dd;0o;;[o;;i;@;[o; ;i;@;["ol;0o;;[o;;i;@;[o; ;i;@;["ul;0o;;[o;;i;@;[o; ;i;@;["li;0o;;[" o;;i;@;[o; ;i;@;[" fieldset;0o;;[o;;i;@;[o; ;i;@;[" form;0o;;[o;;i;@;[o; ;i;@;[" label;0o;;[o;;i;@;[o; ;i;@;[" legend;0o;;[" o;;i;@;[o; ;i;@;[" table;0o;;[o;;i;@;[o; ;i;@;[" caption;0o;;[o;;i;@;[o; ;i;@;[" tbody;0o;;[o;;i;@;[o; ;i;@;[" tfoot;0o;;[o;;i;@;[o; ;i;@;[" thead;0o;;[o;;i;@;[o; ;i;@;["tr;0o;;[o;;i;@;[o; ;i;@;["th;0o;;[o;;i;@;[o; ;i;@;["td;0o;;[" o;;i;@;[o; ;i;@;[" article;0o;;[o;;i;@;[o; ;i;@;[" aside;0o;;[o;;i;@;[o; ;i;@;[" canvas;0o;;[o;;i;@;[o; ;i;@;[" details;0o;;[o;;i;@;[o; ;i;@;[" embed;0o;;[" o;;i;@;[o; ;i;@;[" figure;0o;;[o;;i;@;[o; ;i;@;["figcaption;0o;;[o;;i;@;[o; ;i;@;[" footer;0o;;[o;;i;@;[o; ;i;@;[" header;0o;;[o;;i;@;[o; ;i;@;[" hgroup;0o;;[" o;;i;@;[o; ;i;@;[" menu;0o;;[o;;i;@;[o; ;i;@;["nav;0o;;[o;;i;@;[o; ;i;@;[" output;0o;;[o;;i;@;[o; ;i;@;[" ruby;0o;;[o;;i;@;[o; ;i;@;[" section;0o;;[o;;i;@;[o; ;i;@;[" summary;0o;;[" o;;i;@;[o; ;i;@;[" time;0o;;[o;;i;@;[o; ;i;@;[" mark;0o;;[o;;i;@;[o; ;i;@;[" audio;0o;;[o;;i;@;[o; ;i;@;[" video;0: @tabsi;[o:Sass::Tree::MixinNode ;i:@keywords{;[;[;"reset-box-model; @ o; ;i;{;[;[;"reset-font; @ ; @ : @rule["html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, videoo; ;i;T;o;;i;";[o;;[o;;i;@`;[o; ;i;@`;[" body;0;i;[o; ;i;{;[;[;"reset-body; @ ; @ ;[" bodyo; ;i;T;o;;i;";[o;;[o;;i;@s;[o; ;i;@s;["ol;0o;;[o;;i;@s;[o; ;i;@s;["ul;0;i;[o; ;i;{;[;[;"reset-list-style; @ ; @ ;[" ol, ulo; ;i;T;o;;i;";[o;;[o;;i;@;[o; ;i;@;[" table;0;i;[o; ;i;{;[;[;"reset-table; @ ; @ ;[" tableo; ;i;T;o;;i;";[o;;[o;;i;@;[o; ;i;@;[" caption;0o;;[o;;i;@;[o; ;i;@;["th;0o;;[o;;i;@;[o; ;i;@;["td;0;i;[o; ;i ;{;[;[;"reset-table-cell; @ ; @ ;["caption, th, tdo; ;i!;T;o;;i!;";[o;;[o;;i!;@;[o; ;i!;@;["q;0o;;[o;;i!;@;[o; ;i!;@;["blockquote;0;i;[o; ;i";{;[;[;"reset-quotation; @ ; @ ;["q, blockquoteo; ;i#;T;o;;i#;";[o;;[o;;i#;@;[o; ;i#;@;["a;0o;;i#;@;[o; ;i#;@;["img;0;i;[o; ;i$;{;[;[;"reset-image-anchor-border; @ ; @ ;[" a imgo; ;i%;{;[;[;"reset-html5; @ ;"global-reset; @ o; ;i'; "/* Reset all elements within some selector scope. To reset the selector itself, * mixin the appropriate reset mixin for that element type as well. This could be * useful if you want to style a part of your page in a dramatically different way. */; i;[; @ ; 0;[o; ;i*;T;[;[ o; ;i7;T;o;;i7;";[To;;[o;;i7;@;[o; ;i7;@;["div;0o;;[o;;i7;@;[o; ;i7;@;[" span;0o;;[o;;i7;@;[o; ;i7;@;[" applet;0o;;[o;;i7;@;[o; ;i7;@;[" object;0o;;[o;;i7;@;[o; ;i7;@;[" iframe;0o;;[" o;;i7;@;[o; ;i7;@;["h1;0o;;[o;;i7;@;[o; ;i7;@;["h2;0o;;[o;;i7;@;[o; ;i7;@;["h3;0o;;[o;;i7;@;[o; ;i7;@;["h4;0o;;[o;;i7;@;[o; ;i7;@;["h5;0o;;[o;;i7;@;[o; ;i7;@;["h6;0o;;[o;;i7;@;[o; ;i7;@;["p;0o;;[o;;i7;@;[o; ;i7;@;["blockquote;0o;;[o;;i7;@;[o; ;i7;@;["pre;0o;;[" o;;i7;@;[o; ;i7;@;["a;0o;;[o;;i7;@;[o; ;i7;@;[" abbr;0o;;[o;;i7;@;[o; ;i7;@;[" acronym;0o;;[o;;i7;@;[o; ;i7;@;[" address;0o;;[o;;i7;@;[o; ;i7;@;["big;0o;;[o;;i7;@;[o; ;i7;@;[" cite;0o;;[o;;i7;@;[o; ;i7;@;[" code;0o;;[" o;;i7;@;[o; ;i7;@;["del;0o;;[o;;i7;@;[o; ;i7;@;["dfn;0o;;[o;;i7;@;[o; ;i7;@;["em;0o;;[o;;i7;@;[o; ;i7;@;["img;0o;;[o;;i7;@;[o; ;i7;@;["ins;0o;;[o;;i7;@;[o; ;i7;@;["kbd;0o;;[o;;i7;@;[o; ;i7;@;["q;0o;;[o;;i7;@;[o; ;i7;@;["s;0o;;[o;;i7;@;[o; ;i7;@;[" samp;0o;;[" o;;i7;@;[o; ;i7;@;[" small;0o;;[o;;i7;@;[o; ;i7;@;[" strike;0o;;[o;;i7;@;[o; ;i7;@;[" strong;0o;;[o;;i7;@;[o; ;i7;@;["sub;0o;;[o;;i7;@;[o; ;i7;@;["sup;0o;;[o;;i7;@;[o; ;i7;@;["tt;0o;;[o;;i7;@;[o; ;i7;@;["var;0o;;[" o;;i7;@;[o; ;i7;@;["b;0o;;[o;;i7;@;[o; ;i7;@;["u;0o;;[o;;i7;@;[o; ;i7;@;["i;0o;;[o;;i7;@;[o; ;i7;@;[" center;0o;;[" o;;i7;@;[o; ;i7;@;["dl;0o;;[o;;i7;@;[o; ;i7;@;["dt;0o;;[o;;i7;@;[o; ;i7;@;["dd;0o;;[o;;i7;@;[o; ;i7;@;["ol;0o;;[o;;i7;@;[o; ;i7;@;["ul;0o;;[o;;i7;@;[o; ;i7;@;["li;0o;;[" o;;i7;@;[o; ;i7;@;[" fieldset;0o;;[o;;i7;@;[o; ;i7;@;[" form;0o;;[o;;i7;@;[o; ;i7;@;[" label;0o;;[o;;i7;@;[o; ;i7;@;[" legend;0o;;[" o;;i7;@;[o; ;i7;@;[" table;0o;;[o;;i7;@;[o; ;i7;@;[" caption;0o;;[o;;i7;@;[o; ;i7;@;[" tbody;0o;;[o;;i7;@;[o; ;i7;@;[" tfoot;0o;;[o;;i7;@;[o; ;i7;@;[" thead;0o;;[o;;i7;@;[o; ;i7;@;["tr;0o;;[o;;i7;@;[o; ;i7;@;["th;0o;;[o;;i7;@;[o; ;i7;@;["td;0o;;[" o;;i7;@;[o; ;i7;@;[" article;0o;;[o;;i7;@;[o; ;i7;@;[" aside;0o;;[o;;i7;@;[o; ;i7;@;[" canvas;0o;;[o;;i7;@;[o; ;i7;@;[" details;0o;;[o;;i7;@;[o; ;i7;@;[" embed;0o;;[" o;;i7;@;[o; ;i7;@;[" figure;0o;;[o;;i7;@;[o; ;i7;@;["figcaption;0o;;[o;;i7;@;[o; ;i7;@;[" footer;0o;;[o;;i7;@;[o; ;i7;@;[" header;0o;;[o;;i7;@;[o; ;i7;@;[" hgroup;0o;;[" o;;i7;@;[o; ;i7;@;[" menu;0o;;[o;;i7;@;[o; ;i7;@;["nav;0o;;[o;;i7;@;[o; ;i7;@;[" output;0o;;[o;;i7;@;[o; ;i7;@;[" ruby;0o;;[o;;i7;@;[o; ;i7;@;[" section;0o;;[o;;i7;@;[o; ;i7;@;[" summary;0o;;[" o;;i7;@;[o; ;i7;@;[" time;0o;;[o;;i7;@;[o; ;i7;@;[" mark;0o;;[o;;i7;@;[o; ;i7;@;[" audio;0o;;[o;;i7;@;[o; ;i7;@;[" video;0;i;[o; ;i8;{;[;[;"reset-box-model; @ o; ;i9;{;[;[;"reset-font; @ ; @ ;["div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, videoo; ;i:;T;o;;i:;";[o;;[o;;i:;@F;[o; ;i:;@F;[" table;0;i;[o; ;i;;{;[;[;"reset-table; @ ; @ ;[" tableo; ;i<;T;o;;i<;";[o;;[o;;i<;@Y;[o; ;i<;@Y;[" caption;0o;;[o;;i<;@Y;[o; ;i<;@Y;["th;0o;;[o;;i<;@Y;[o; ;i<;@Y;["td;0;i;[o; ;i=;{;[;[;"reset-table-cell; @ ; @ ;["caption, th, tdo; ;i>;T;o;;i>;";[o;;[o;;i>;@z;[o; ;i>;@z;["q;0o;;[o;;i>;@z;[o; ;i>;@z;["blockquote;0;i;[o; ;i?;{;[;[;"reset-quotation; @ ; @ ;["q, blockquoteo; ;i@;T;o;;i@;";[o;;[o;;i@;@;[o; ;i@;@;["a;0o;;i@;@;[o; ;i@;@;["img;0;i;[o; ;iA;{;[;[;"reset-image-anchor-border; @ ; @ ;[" a img;"nested-reset; @ o; ;iC; ",/* Reset the box model measurements. */; i;[; @ ; 0;[o; ;iD;T;[;[o:Sass::Tree::PropNode ;iE; o:Sass::Script::String; "0: @type:identifier:@prop_syntax:new;i;[;[" margin; @ o; ;iF; o; ; "0;!;";#;$;i;[;[" padding; @ o; ;iG; o; ; "0;!;";#;$;i;[;[" border; @ ;"reset-box-model; @ o; ;iI; "1/* Reset the font and vertical alignment. */; i;[; @ ; 0;[o; ;iJ;T;[;[o; ;iK; o; ; " 100%;!;";#;$;i;[;["font-size; @ o; ;iL; o; ; " inherit;!;";#;$;i;[;[" font; @ o; ;iM; o; ; " baseline;!;";#;$;i;[;["vertical-align; @ ;"reset-font; @ o; ;iO; "k/* Resets the outline when focus. * For accessibility you need to apply some styling in its place. */; i;[; @ ; 0;[o; ;iQ;T;[;[o; ;iR; o; ; "0;!;";#;$;i;[;[" outline; @ ;"reset-focus; @ o; ;iT; " /* Reset a body element. */; i;[; @ ; 0;[o; ;iU;T;[;[o; ;iV; o; ; "1;!;";#;$;i;[;["line-height; @ ;"reset-body; @ o; ;iX; "./* Reset the list style of an element. */; i;[; @ ; 0;[o; ;iY;T;[;[o; ;iZ; o; ; " none;!;";#;$;i;[;["list-style; @ ;"reset-list-style; @ o; ;i\; "/* Reset a table */; i;[; @ ; 0;[o; ;i];T;[;[o; ;i^; o; ; " collapse;!;";#;$;i;[;["border-collapse; @ o; ;i_; o; ; "0;!;";#;$;i;[;["border-spacing; @ ;"reset-table; @ o; ;ia; "*/* Reset a table cell (`th`, `td`) */; i;[; @ ; 0;[o; ;ib;T;[;[o; ;ic; o; ; " left;!;";#;$;i;[;["text-align; @ o; ;id; o; ; " normal;!;";#;$;i;[;["font-weight; @ o; ;ie; o; ; " middle;!;";#;$;i;[;["vertical-align; @ ;"reset-table-cell; @ o; ;ig; "0/* Reset a quotation (`q`, `blockquote`) */; i;[; @ ; 0;[o; ;ih;T;[;[o; ;ii; o; ; " none;!;";#;$;i;[;[" quotes; @ o; ;ij;T;o;;ij;";[o;;[o;;ij;@F;[o:Sass::Selector::Parent;ij;@Fo:Sass::Selector::Pseudo ;ij;@F: @arg0;[" before;!: classo;;[o;;ij;@F;[o;%;ij;@Fo;& ;ij;@F;'0;[" after;!;(;i;[o; ;ik; o; ; """;!;";#;$;i;[;[" content; @ o; ;il; o; ; " none;!;";#;$;i;[;[" content; @ ; @ ;["&:before, &:after;"reset-quotation; @ o; ;in; "/* Resets the border. */; i;[; @ ; 0;[o; ;io;T;[;[o; ;ip; o; ; " none;!;";#;$;i;[;[" border; @ ;"reset-image-anchor-border; @ o; ;ir; "/* Unrecognized elements are displayed inline. * This reset provides a basic reset for html5 elements * so they are rendered correctly in browsers that don't recognize them * and reset in browsers that have default styles for them. */; i;[; @ ; 0;[o; ;iv;T;[;[o; ;ix;T;o;;ix;";[o;;[o;;ix;@;[o; ;ix;@;[" article;0o;;[o;;ix;@;[o; ;ix;@;[" aside;0o;;[o;;ix;@;[o; ;ix;@;[" details;0o;;[o;;ix;@;[o; ;ix;@;["figcaption;0o;;[o;;ix;@;[o; ;ix;@;[" figure;0o;;[" o;;ix;@;[o; ;ix;@;[" footer;0o;;[o;;ix;@;[o; ;ix;@;[" header;0o;;[o;;ix;@;[o; ;ix;@;[" hgroup;0o;;[o;;ix;@;[o; ;ix;@;[" menu;0o;;[o;;ix;@;[o; ;ix;@;["nav;0o;;[o;;ix;@;[o; ;ix;@;[" section;0;i;[o; ;iy; o; ; " block;!;";#;$;i;[;[" display; @ ; @ ;["_article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section;"reset-html5; @ o; ;i{; "e/* Resets the display of inline and block elements to their default display * according to their tag type. Elements that have a default display that varies across * versions of html or browser are not handled here, but this covers the 90% use case. * Usage Example: * * // Turn off the display for both of these classes * .unregistered-only, .registered-only * display: none * // Now turn only one of them back on depending on some other context. * body.registered * +reset-display(".registered-only") * body.unregistered * +reset-display(".unregistered-only") */; i;[; @ ; 0;[o; ;i;T;[[o:Sass::Script::Variable;" selector; {:@underscored_name" selectoro; ;i; ";!: string; @[o;);"important; @;*"importanto:Sass::Script::Bool;i; F; @;[o; ;i;T;i;[u:Sass::Tree::IfNode[o:Sass::Script::Variable : @linei: @name"important: @options{:@underscored_name"importantu:Sass::Tree::IfNode[00[o:Sass::Tree::PropNode : @linei: @valueo:Sass::Script::String;" inline: @type:identifier:@prop_syntax:new: @tabsi:@children[: @name[" display: @options{[o:Sass::Tree::PropNode ;i: @valueo:Sass::Script::String; "inline !important: @type:identifier:@prop_syntax:new: @tabsi:@children[;[" display;{; @ ;[o:Sass::Script::Funcall ;i;{;[o;. ;i;{;[o; ;i; " inline;!;+; {;"elements-of-type; @o;) ;i;" selector; @;*" selector;"append-selector; @o; ;i;T;i;[u;-[o:Sass::Script::Variable : @linei: @name"important: @options{:@underscored_name"importantu:Sass::Tree::IfNode[00[o:Sass::Tree::PropNode : @linei: @valueo:Sass::Script::String;" block: @type:identifier:@prop_syntax:new: @tabsi:@children[: @name[" display: @options{[o:Sass::Tree::PropNode ;i: @valueo:Sass::Script::String; "block !important: @type:identifier:@prop_syntax:new: @tabsi:@children[;[" display;{; @ ;[o;. ;i;{;[o;. ;i;{;[o; ;i; " block;!;+; {;"elements-of-type; @ o;) ;i;" selector; @ ;*" selector;"append-selector; @ ;"reset-display; @ ; @ :@template"W// Based on [Eric Meyer's reset 2.0](http://meyerweb.com/eric/tools/css/reset/index.html) // Global reset rules. // For more specific resets, use the reset mixins provided below @mixin global-reset { html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { @include reset-box-model; @include reset-font; } body { @include reset-body; } ol, ul { @include reset-list-style; } table { @include reset-table; } caption, th, td { @include reset-table-cell; } q, blockquote { @include reset-quotation; } a img { @include reset-image-anchor-border; } @include reset-html5; } // Reset all elements within some selector scope. To reset the selector itself, // mixin the appropriate reset mixin for that element type as well. This could be // useful if you want to style a part of your page in a dramatically different way. @mixin nested-reset { div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { @include reset-box-model; @include reset-font; } table { @include reset-table; } caption, th, td { @include reset-table-cell; } q, blockquote { @include reset-quotation; } a img { @include reset-image-anchor-border; } } // Reset the box model measurements. @mixin reset-box-model { margin: 0; padding: 0; border: 0; } // Reset the font and vertical alignment. @mixin reset-font { font-size: 100%; font: inherit; vertical-align: baseline; } // Resets the outline when focus. // For accessibility you need to apply some styling in its place. @mixin reset-focus { outline: 0; } // Reset a body element. @mixin reset-body { line-height: 1; } // Reset the list style of an element. @mixin reset-list-style { list-style: none; } // Reset a table @mixin reset-table { border-collapse: collapse; border-spacing: 0; } // Reset a table cell (`th`, `td`) @mixin reset-table-cell { text-align: left; font-weight: normal; vertical-align: middle; } // Reset a quotation (`q`, `blockquote`) @mixin reset-quotation { quotes: none; &:before, &:after { content: ""; content: none; } } // Resets the border. @mixin reset-image-anchor-border { border: none; } // Unrecognized elements are displayed inline. // This reset provides a basic reset for html5 elements // so they are rendered correctly in browsers that don't recognize them // and reset in browsers that have default styles for them. @mixin reset-html5 { article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } } // Resets the display of inline and block elements to their default display // according to their tag type. Elements that have a default display that varies across // versions of html or browser are not handled here, but this covers the 90% use case. // Usage Example: // // // Turn off the display for both of these classes // .unregistered-only, .registered-only // display: none // // Now turn only one of them back on depending on some other context. // body.registered // +reset-display(".registered-only") // body.unregistered // +reset-display(".unregistered-only") @mixin reset-display($selector: "", $important: false) { #{append-selector(elements-of-type("inline"), $selector)} { @if $important { display: inline !important; } @else { display: inline; } } #{append-selector(elements-of-type("block"), $selector)} { @if $important { display: block !important; } @else { display: block; } } }