Skip to content

Instantly share code, notes, and snippets.

@Macxim
Last active December 18, 2015 05:19
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 Macxim/5731473 to your computer and use it in GitHub Desktop.
Save Macxim/5731473 to your computer and use it in GitHub Desktop.
This is a .scss module file for a sprite with all member states of the European Union.
// Sprite for Flags
// -----------------
// HTML markup is the following
// <i class="flag flag-ireland"></i>
// PNG: http://bit.ly/15TFoM1
// SVG: http://bit.ly/196OmcM
.flag{
display: inline-block;
background-image: url('../images/flag_sprite.png');
background-repeat: no-repeat;
min-width: 44px; // some flags are larger
max-width: 60px; // up to 60px
height: 30px;
}
.svg .flag{
background-image: url('../images/flag_sprite.svg');
}
.flag-austria { background-position: 0 0 ;}
.flag-belgium { background-position: 0 -40px ;}
.flag-bulgria { background-position: 0 -80px ;}
.flag-cyprus { background-position: 0 -120px ;}
.flag-czech_republic { background-position: 0 -160px ;}
.flag-denmark { background-position: 0 -200px ;}
.flag-estonia { background-position: 0 -240px ;}
.flag-finland { background-position: 0 -280px ;}
.flag-france { background-position: 0 -320px ;}
.flag-germany { background-position: 0 -360px ;}
.flag-greece { background-position: 0 -400px ;}
.flag-hungary { background-position: 0 -440px ;}
.flag-ireland { background-position: 0 -480px ;}
.flag-italy { background-position: 0 -520px ;}
.flag-latvia { background-position: 0 -560px ;}
.flag-lithuania { background-position: 0 -600px ;}
.flag-luxembourg { background-position: 0 -640px ;}
.flag-malta { background-position: 0 -680px ;}
.flag-netherlands { background-position: 0 -720px ;}
.flag-poland { background-position: 0 -760px ;}
.flag-portugal { background-position: 0 -800px ;}
.flag-romania { background-position: 0 -840px ;}
.flag-slovakia { background-position: 0 -880px ;}
.flag-slovenia { background-position: 0 -920px ;}
.flag-spain { background-position: 0 -960px ;}
.flag-sweden { background-position: 0 -1000px ;}
.flag-united_kingdom { background-position: 0 -1040px ;}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment