Created
May 29, 2012 13:20
-
-
Save gunnarbittersmann/2828352 to your computer and use it in GitHub Desktop.
GB flag
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* GB flag | |
*/ | |
.flag-GB | |
{ | |
background: | |
/* George’s */ | |
linear-gradient(transparent 20%, #CF142B 0, #CF142B 80%, transparent 0, transparent) center, | |
linear-gradient(to right, transparent 20%, #CF142B 0, #CF142B 80%, transparent 0, transparent) center, | |
linear-gradient(white, white) center, | |
linear-gradient(white, white) center, | |
/* Patrick’s */ | |
linear-gradient(to left bottom, transparent 50%, #CF142B 50%, #CF142B 55.962%, transparent 55.962%, transparent) left top, | |
linear-gradient(to left top, transparent 50%, #CF142B 50%, #CF142B 55.962%, transparent 55.962%, transparent) right top, | |
linear-gradient(to right top, transparent 50%, #CF142B 50%, #CF142B 55.962%, transparent 55.962%, transparent) right bottom, | |
linear-gradient(to right bottom, transparent 50%, #CF142B 50%, #CF142B 55.962%, transparent 55.962%, transparent) left bottom, | |
/* Andrew’s */ | |
linear-gradient(to left bottom, transparent 45.528%, white 45.528%, white 54.472%, transparent 54.472%, transparent), | |
linear-gradient(to right bottom, transparent 45.528%, white 45.528%, white 54.472%, transparent 54.472%, transparent), | |
#00247D; | |
background-repeat: no-repeat; | |
background-size: 100% 33.333%, 16.667% 100%, 100% 33.333%, 16.667% 100%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 100%, 100%; | |
box-shadow: 0 0 1em black; | |
height: 20em; | |
width: 40em; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="flag-GB"></div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment