Skip to content

Instantly share code, notes, and snippets.

@jensgro
Created February 9, 2014 17:07
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jensgro/8902225 to your computer and use it in GitHub Desktop.
Save jensgro/8902225 to your computer and use it in GitHub Desktop.
Ausgabereihenfolge von Platzhaltern bei Sass
// ----
// Sass (v3.3.0.rc.3)
// Compass (v1.0.0.alpha.18)
// ----
// ------- Links -----------------------------
%a-tdn-tdu{
text-decoration: none;
&:hover, &:focus {text-decoration: underline;}
}
%a-tdu-tdn{
text-decoration: underline;
&:hover, &:focus {text-decoration: none;}
}
@import "compass/reset";
a {@extend %a-tdn-tdu;}
a {
text-decoration: none;
}
a:hover, a:focus {
text-decoration: underline;
}
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;
}
@jensgro
Copy link
Author

jensgro commented Feb 9, 2014

Normalerweise werden Platzhalter über einen Import in das Sassfile gezogen. Die Position dieses Imports in Relation zu den anderen bestimmt die spätere Ausgabeposition im resultierenden CSS. Das kann ungewünscht sein. Schliesslich kann die Kaskade zuschlagen.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment