Created
February 13, 2014 08:51
-
-
Save jensgro/8971881 to your computer and use it in GitHub Desktop.
different code order in the Sass-output wether placeholder or mixin is used | Unterschiedliche Codereihenfolge im Sass-Output bei der Nutzung von Platzhalter und Mixin
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// ---- | |
// Sass (v3.3.0.rc.3) | |
// Compass (v1.0.0.alpha.18) | |
// ---- | |
%nolist { | |
list-style-type: none; | |
&, li { | |
margin-left: 0; | |
padding-left: 0; | |
} | |
} | |
@mixin vertnav { | |
list-style-type: none; | |
&, li { | |
margin-left: 0; | |
padding-left: 0; | |
} | |
} | |
@import "compass/reset"; | |
.test1 { | |
@extend %nolist; | |
} | |
.test2 { | |
@include vertnav; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.test1 { | |
list-style-type: none; | |
} | |
.test1, .test1 li { | |
margin-left: 0; | |
padding-left: 0; | |
} | |
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 { | |
margin: 0; | |
padding: 0; | |
border: 0; | |
font: inherit; | |
font-size: 100%; | |
vertical-align: baseline; | |
} | |
html { | |
line-height: 1; | |
} | |
ol, ul { | |
list-style: none; | |
} | |
table { | |
border-collapse: collapse; | |
border-spacing: 0; | |
} | |
caption, th, td { | |
text-align: left; | |
font-weight: normal; | |
vertical-align: middle; | |
} | |
q, blockquote { | |
quotes: none; | |
} | |
q:before, q:after, blockquote:before, blockquote:after { | |
content: ""; | |
content: none; | |
} | |
a img { | |
border: none; | |
} | |
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { | |
display: block; | |
} | |
.test2 { | |
list-style-type: none; | |
} | |
.test2, .test2 li { | |
margin-left: 0; | |
padding-left: 0; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment