variables.css.scss example

variables.css.scss

// Colors
$base_color: #FFE403;
$base_hover_color: #FFFF00;
$second_color: #272727;
$second_hover_color: #555;

// Fonts
$font_one: 'Open Sans', sans-serif;

// Sprites
$icons: sprite-map("icons/*.png", $spacing: 30px);

.background_sprite {
  background: $icons;
  display: inline-block;
}

.icons-facebook {
  background-position: sprite-position($icons, facebook);
  @include sprite-dimensions($icons, facebook);
}

.icons-twitter {
  background-position: sprite-position($icons, twitter);
  @include sprite-dimensions($icons, twitter);
}