Skip to content

Instantly share code, notes, and snippets.

@stacyk
Last active August 29, 2015 14:12
Show Gist options
  • Save stacyk/51bbe6b3983f8146ed67 to your computer and use it in GitHub Desktop.
Save stacyk/51bbe6b3983f8146ed67 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.4.9)
// Compass (v1.0.1)
// ----
@mixin font($fontstack) {
$segoe: (
light: "wf_segoe-ui_light",
normal: "wf_segoe-ui_normal",
semibold: "wf_segoe-ui_semibold",
bold: "wf_segoe-ui_bold"
);
$leelawadee: (
light: 'wf_leelawadee_normal',
normal: 'wf_leelawadee_normal',
semibold: 'wf_leelawadee_bold',
bold: 'wf_leelawadee_bold'
);
$fallback: (
light: normal,
normal: normal,
semibold: bold,
bold: bold
);
$fallback: (
light: normal,
normal: normal,
semibold: bold,
bold: bold
);
font-family: map-get($segoe, $fontstack), Segoe UI, Tahoma, Arial, sans-serif;
html:lang(bg) &,
html:lang(cs) &,
html:lang(el) &,
html:lang(ko) &,
html:lang(lt) &,
html:lang(pl) &,
html:lang(ro) &
html:lang(ru) &,
html:lang(vi) & {
font-family: Tahoma, Arial, sans-serif;
font-weight: map-get($fallback, $fontstack);
}
html:lang(zh) & { // China
font-family: 'YaHei UI', 'Microsoft yahei', 微软雅黑, map-get($segoe, $fontstack), Tahoma, Arial, sans-serif;
font-weight: map-get($fallback, $fontstack);
}
html:lang(ja) & { // Japan
font-family: 'Meiryo', メイリオ, map-get($segoe, $fontstack), Tahoma, Arial, sans-serif;
font-weight: map-get($fallback, $fontstack);
}
html:lang(th) & { // Thailand
font-family: map-get($leelawadee, $fontstack), map-get($segoe, $fontstack), Segoe UI, Tahoma, Arial, sans-serif;
}
}
.foo {
@include font(light);
}
.bar {
@include font(normal);
}
.baz {
@include font(semibold);
}
.boo {
@include font(bold);
}
@charset "UTF-8";
.foo {
font-family: "wf_segoe-ui_light", Segoe UI, Tahoma, Arial, sans-serif;
}
html:lang(bg) .foo, html:lang(cs) .foo, html:lang(el) .foo, html:lang(ko) .foo, html:lang(lt) .foo, html:lang(pl) .foo, html:lang(ro) .foo
html:lang(ru) .foo, html:lang(vi) .foo {
font-family: Tahoma, Arial, sans-serif;
font-weight: normal;
}
html:lang(zh) .foo {
font-family: "YaHei UI", "Microsoft yahei", 微软雅黑, "wf_segoe-ui_light", Tahoma, Arial, sans-serif;
font-weight: normal;
}
html:lang(ja) .foo {
font-family: "Meiryo", メイリオ, "wf_segoe-ui_light", Tahoma, Arial, sans-serif;
font-weight: normal;
}
html:lang(th) .foo {
font-family: "wf_leelawadee_normal", "wf_segoe-ui_light", Segoe UI, Tahoma, Arial, sans-serif;
}
.bar {
font-family: "wf_segoe-ui_normal", Segoe UI, Tahoma, Arial, sans-serif;
}
html:lang(bg) .bar, html:lang(cs) .bar, html:lang(el) .bar, html:lang(ko) .bar, html:lang(lt) .bar, html:lang(pl) .bar, html:lang(ro) .bar
html:lang(ru) .bar, html:lang(vi) .bar {
font-family: Tahoma, Arial, sans-serif;
font-weight: normal;
}
html:lang(zh) .bar {
font-family: "YaHei UI", "Microsoft yahei", 微软雅黑, "wf_segoe-ui_normal", Tahoma, Arial, sans-serif;
font-weight: normal;
}
html:lang(ja) .bar {
font-family: "Meiryo", メイリオ, "wf_segoe-ui_normal", Tahoma, Arial, sans-serif;
font-weight: normal;
}
html:lang(th) .bar {
font-family: "wf_leelawadee_normal", "wf_segoe-ui_normal", Segoe UI, Tahoma, Arial, sans-serif;
}
.baz {
font-family: "wf_segoe-ui_semibold", Segoe UI, Tahoma, Arial, sans-serif;
}
html:lang(bg) .baz, html:lang(cs) .baz, html:lang(el) .baz, html:lang(ko) .baz, html:lang(lt) .baz, html:lang(pl) .baz, html:lang(ro) .baz
html:lang(ru) .baz, html:lang(vi) .baz {
font-family: Tahoma, Arial, sans-serif;
font-weight: bold;
}
html:lang(zh) .baz {
font-family: "YaHei UI", "Microsoft yahei", 微软雅黑, "wf_segoe-ui_semibold", Tahoma, Arial, sans-serif;
font-weight: bold;
}
html:lang(ja) .baz {
font-family: "Meiryo", メイリオ, "wf_segoe-ui_semibold", Tahoma, Arial, sans-serif;
font-weight: bold;
}
html:lang(th) .baz {
font-family: "wf_leelawadee_bold", "wf_segoe-ui_semibold", Segoe UI, Tahoma, Arial, sans-serif;
}
.boo {
font-family: "wf_segoe-ui_bold", Segoe UI, Tahoma, Arial, sans-serif;
}
html:lang(bg) .boo, html:lang(cs) .boo, html:lang(el) .boo, html:lang(ko) .boo, html:lang(lt) .boo, html:lang(pl) .boo, html:lang(ro) .boo
html:lang(ru) .boo, html:lang(vi) .boo {
font-family: Tahoma, Arial, sans-serif;
font-weight: bold;
}
html:lang(zh) .boo {
font-family: "YaHei UI", "Microsoft yahei", 微软雅黑, "wf_segoe-ui_bold", Tahoma, Arial, sans-serif;
font-weight: bold;
}
html:lang(ja) .boo {
font-family: "Meiryo", メイリオ, "wf_segoe-ui_bold", Tahoma, Arial, sans-serif;
font-weight: bold;
}
html:lang(th) .boo {
font-family: "wf_leelawadee_bold", "wf_segoe-ui_bold", Segoe UI, Tahoma, Arial, sans-serif;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment