Skip to content

Instantly share code, notes, and snippets.

@JohnnyBizzel
Created November 27, 2016 09:34
Show Gist options
  • Save JohnnyBizzel/19838b794e3bf7d48222ff6dfbeed671 to your computer and use it in GitHub Desktop.
Save JohnnyBizzel/19838b794e3bf7d48222ff6dfbeed671 to your computer and use it in GitHub Desktop.
CSS for European flags
/*!
* Generated with CSS Flag Sprite generator (https://www.flag-sprites.com/)
*/
.flag {
display: inline-block;
width: 32px;
height: 32px;
background: url('flags.png') no-repeat;
}
.flag.flag-mc {
background-position: -32px -128px;
}
.flag.flag-ro {
background-position: -96px -160px;
}
.flag.flag-by {
background-position: 0 -32px;
}
.flag.flag-be {
background-position: -128px 0;
}
.flag.flag-ch {
background-position: -32px -32px;
}
.flag.flag-de {
background-position: -96px -32px;
}
.flag.flag-rs {
background-position: -128px -160px;
}
.flag.flag-pl {
background-position: -32px -160px;
}
.flag.flag-fo {
background-position: -32px -64px;
}
.flag.flag-hu {
background-position: 0 -96px;
}
.flag.flag-ba {
background-position: -96px 0;
}
.flag.flag-ua {
background-position: -96px -192px;
}
.flag.flag-cz {
background-position: -64px -32px;
}
.flag.flag-hr {
background-position: -192px -64px;
}
.flag.flag-mt {
background-position: -160px -128px;
}
.flag.flag-ad {
background-position: 0 0;
}
.flag.flag-it {
background-position: -96px -96px;
}
.flag.flag-si {
background-position: 0 -192px;
}
.flag.flag-lu {
background-position: -192px -96px;
}
.flag.flag-sm {
background-position: -64px -192px;
}
.flag.flag-fi {
background-position: 0 -64px;
}
.flag.flag-mk {
background-position: -128px -128px;
}
.flag.flag-li {
background-position: -128px -96px;
}
.flag.flag-bj {
background-position: -192px 0;
}
.flag.flag-bg {
background-position: -160px 0;
}
.flag.flag-ie {
background-position: -32px -96px;
}
.flag.flag-at {
background-position: -64px 0;
}
.flag.flag-fr {
background-position: -64px -64px;
}
.flag.flag-me {
background-position: -96px -128px;
}
.flag.flag-al {
background-position: -32px 0;
}
.flag.flag-dk {
background-position: -128px -32px;
}
.flag.flag-gi {
background-position: -128px -64px;
}
.flag.flag-gr {
background-position: -160px -64px;
}
.flag.flag-se {
background-position: -192px -160px;
}
.flag.flag-no {
background-position: 0 -160px;
}
.flag.flag-sk {
background-position: -32px -192px;
}
.flag.flag-ee {
background-position: -160px -32px;
}
.flag.flag-is {
background-position: -64px -96px;
}
.flag.flag-nl {
background-position: -192px -128px;
}
.flag.flag-lv {
background-position: 0 -128px;
}
.flag.flag-va {
background-position: -128px -192px;
}
.flag.flag-lt {
background-position: -160px -96px;
}
.flag.flag-es {
background-position: -192px -32px;
}
.flag.flag-pt {
background-position: -64px -160px;
}
.flag.flag-gb {
background-position: -96px -64px;
}
.flag.flag-md {
background-position: -64px -128px;
}
.flag.flag-ru {
background-position: -160px -160px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment