Skip to content

Instantly share code, notes, and snippets.

@kevinSuttle

kevinSuttle/main.scss

Created December 5, 2012 16:57
Show Gist options
  • Save kevinSuttle/4217399 to your computer and use it in GitHub Desktop.
Save kevinSuttle/4217399 to your computer and use it in GitHub Desktop.
Download ZIP
Overriding variable scope in Sass
Raw
main.scss
$sans-font-stack: Arial, Helvetica, sans-serif;
.featured, .ads, time, footer, .social, summary, .sidebar, .feed, .intro { font-family: $sans-font-stack; }
Raw
mq.scss
/*
I want to override the font stack inside media queries.
Something like '$sans-font-stack: Georgia, Palatino, serif;'
*/
.featured, .ads, time, footer, .social, summary, .sidebar, .feed, .intro { font-family: ? }
@justin-c-rounds
Copy link 

$sans-font-stack: Arial, Helvetica, sans-serif;
$landscape-font-stack: Georgia, serif;

.featured, .ads, time, footer, .social, summary, .sidebar, .feed, .intro  {
  font-family: $sans-font-stack;
  @media (orientation: landscape) {
    font-family: $landscape-font-stack;
  }
}

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