From 043aa42333805be3d8f069c0ba846a3b91baae83 Mon Sep 17 00:00:00 2001 From: Ris Adams Date: Thu, 16 Jun 2022 09:03:06 -0400 Subject: [PATCH] Adding small icon modifier --- dist/pride-flags.css | 4 + dist/pride-flags.css.map | 4 +- dist/pride-flags.min.css | 2 +- dist/pride-flags.min.css.map | 2 +- package.json | 2 +- src/pride-flags.scss | 452 ++++++++++++++++++++++++----------- 6 files changed, 324 insertions(+), 142 deletions(-) diff --git a/dist/pride-flags.css b/dist/pride-flags.css index aa789e9..811d1c2 100644 --- a/dist/pride-flags.css +++ b/dist/pride-flags.css @@ -13,6 +13,10 @@ width: 4em; } +.flag.icon.small { + width: 2em; +} + .flag.pink-triangle { background: conic-gradient(from 331deg at 50% 100%, #f7a 58deg, #0000 0) 50% 50%/55% 73% no-repeat, black; } diff --git a/dist/pride-flags.css.map b/dist/pride-flags.css.map index d72375f..045e612 100644 --- a/dist/pride-flags.css.map +++ b/dist/pride-flags.css.map @@ -5,8 +5,8 @@ "../src/pride-flags.scss" ], "sourcesContent": [ - ".flag {\n\tdisplay: inline-block;\n\twidth: 300px;\n\taspect-ratio: 14 / 9;\n}\n.flag.icon {\n\twidth: 3em;\n}\n.flag.icon.large {\n\twidth: 4em;\n}\n.flag.pink-triangle {\n\tbackground: conic-gradient(from 331deg at 50% 100%, #f7a 58deg, #0000 0) 50% 50% / 55% 73% no-repeat, black;\n}\n.flag.gilbert-baker {\n\tbackground: linear-gradient( hotpink 12.5%, red 0 25%, orange 0 37.5%, yellow 0 50%, green 0 62.5%, darkturquoise 0 75%, blue 0 87.5%, indigo 0 );\n}\n.flag.pride-1978 {\n\tbackground: linear-gradient( red 0 14.28%, orange 0 28.57%, yellow 0 42.85%, green 0 57.14%, darkturquoise 0 71.42%, blue 0 85.71%, indigo 0 );\n}\n.flag.traditional {\n\tbackground: linear-gradient(red 16.66%, orange 0 33.33%, yellow 0 50%, green 0 66.66%, blue 0 83.33%, indigo 0);\n}\n.flag.philadelphia {\n\tbackground: linear-gradient( black 12.5%, saddlebrown 0 25%, red 0 37.5%, orange 0 50%, yellow 0 62.5%, green 0 75%, blue 0 87.5%, indigo 0 );\n}\n.flag.progress {\n\tbackground: conic-gradient(at 14% 50%, #0000 221.25deg, white 222deg 318deg, #0000 318.25deg), conic-gradient(at 23% 50%, #0000 221.25deg, #ffa6b9 222deg 318deg, #0000 318.25deg), conic-gradient(at 32% 50%, #0000 221.25deg, #00d2ff 222deg 318deg, #0000 318.25deg), conic-gradient(at 41% 50%, #0000 221.25deg, #753000 222deg 318deg, #0000 318.25deg), conic-gradient(at 50% 50%, #0000 221.25deg, black 222deg 318deg, #0000 318.25deg), linear-gradient(red 0 16.66%, orange 0 33.33%, yellow 0 50%, green 0 66.66%, blue 0 83.33%, indigo 0);\n}\n.flag.intersex-inclusive {\n\tbackground: radial-gradient(circle at 9.75% 50%, #0000 6.66%, darkviolet 6.7% 8.33%, #0000 8.4%), conic-gradient(at 26.66% 50%, #0000 222.75deg, gold 0 317.25deg, #0000 0), conic-gradient(at 33% 50%, #0000 222.75deg, white 0 317.25deg, #0000 0), conic-gradient(at 39% 50%, #0000 222.75deg, #ffa6b9 0 317.25deg, #0000 0), conic-gradient(at 45.66% 50%, #0000 222.75deg, #00d2ff 0 317.25deg, #0000 0), conic-gradient(at 52% 50%, #0000 222.75deg, #753000 0 317.25deg, #0000 0), conic-gradient(at 58.33% 50%, #0000 222.75deg, #000 0 317.25deg, #0000 0), linear-gradient(red 0 16.66%, orange 0 33.33%, yellow 0 50%, green 0 66.66%, blue 0 83.33%, indigo 0);\n}\n.flag.new-pride {\n\tbackground: linear-gradient( to bottom right, white 10%, #ffa6b9 0 20%, #00d2ff 0 30%, #753000 0 40%, black 0 50%, #0000 0 ), linear-gradient(red 16.66%, orange 0 33.33%, yellow 0 50%, green 0 66.66%, blue 0 83.33%, indigo 0);\n}\n.flag.social-justice {\n\tbackground: conic-gradient(at 12.5% 50%, #0000 228deg, #f9000c 0 312deg, #0000 0), conic-gradient(at 24% 50%, #0000 228deg, #1241a1 0 312deg, #0000 0), conic-gradient(at 35.5% 50%, #0000 228deg, black 0 312deg, #0000 0), linear-gradient(red 16.66%, orange 0 33.33%, yellow 0 50%, green 0 66.66%, blue 0 83.33%, indigo 0);\n}\n.flag.transgender {\n\tbackground: linear-gradient(#00d2ff 20%, #ffa6b9 0 40%, white 0 60%, #ffa6b9 0 80%, #00d2ff 0);\n}\n.flag.ally-pride {\n\tbackground: repeating-linear-gradient(black 0 16.66%, white 0 33.33%);\n\t&::before {\n\t\tcontent: \"\";\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tdisplay: block;\n\t\tbackground: linear-gradient(red 16.66%, orange 0 33.33%, yellow 0 50%, green 0 66.66%, blue 0 83.33%, indigo 0);\n\t\tclip-path: polygon(0 100%, 50% 0, 100% 100%, 66.66% 100%, 50% 66.66%, 33.33% 100%);\n\t}\n}\n.flag.intersex {\n\tbackground: radial-gradient(circle, gold 24.5%, darkviolet 25% 34%, gold 34.5%);\n}\n.flag.bisexual {\n\tbackground: linear-gradient(#f07 40%, #c49 0 60%, #03a 0);\n}\n.flag.demisexual {\n\tbackground: conic-gradient(at 35.5% 50%, #0000 228deg, black 0 312deg, #0000 0), linear-gradient(white 42%, purple 0 58%, lightgray 0);\n}\n.flag.demiromantic {\n\tbackground: conic-gradient(at 35.5% 50%, #0000 228deg, black 0 312deg, #0000 0), linear-gradient(white 42%, #092 0 58%, lightgray 0);\n}\n.flag.pansexual {\n\tbackground: linear-gradient(#f09 33.33%, gold 0 66.66%, deepskyblue 0);\n}\n.flag.asexual {\n\tbackground: linear-gradient(black 25%, darkgray 0 50%, white 0 75%, #a50089 0);\n}\n.flag.nonbinary {\n\tbackground: linear-gradient(yellow 25%, white 0 50%, mediumorchid 0 75%, black 0);\n}\n.flag.labrys {\n\tposition: relative;\n\tbackground: conic-gradient(from 330deg at 50% 100%, black 60deg, #0000 0) 50% 50% / 83% 83% no-repeat, darkmagenta;\n\t&::before {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t\twidth: 35%;\n\t\ttop: 1.66%;\n\t\tleft: 50%;\n\t\taspect-ratio: 1;\n\t\tbackground: white;\n\t\tborder-radius: 50%;\n\t\ttransform: translateX(-50%);\n\t\t-webkit-mask: radial-gradient(130% 215% at 50% 0%, #0000 35%, #000 0) 50% 0 / 100% 51% no-repeat, radial-gradient(130% 230% at 50% 100%, #0000 35%, #000 0) 50% 100% / 100% 51% no-repeat;\n\t\tmask: radial-gradient(130% 215% at 50% 0%, #0000 35%, #000 0) 50% 0 / 100% 51% no-repeat, radial-gradient(130% 230% at 50% 100%, #0000 35%, #000 0) 50% 100% / 100% 51% no-repeat;\n\t}\n\t&::after {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t\ttop: 18%;\n\t\tleft: 50%;\n\t\ttransform: translateX(-50%);\n\t\twidth: 4%;\n\t\theight: 60%;\n\t\tbackground: white;\n\t\tborder-radius: 100% / 5%;\n\t\tbox-shadow: 0 0 0 1px;\n\t}\n}\n.flag.polyamory {\n\tposition: relative;\n\tbackground: linear-gradient( blue 33.33%, red 0 66.66%, black 0 );\n\t&::before {\n\t\tcontent: \"π\";\n\t\tcolor: yellow;\n\t\tposition: absolute;\n\t\tfont-family: \"Times New Roman\", \"Times\", serif;\n\t\ttop: 45%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, -50%);\n\t\tline-height: 0;\n\t\tfont-size: 90px;\n\t\tfont-weight: 100;\n\t}\n}\n.flag.twink {\n\tposition: relative;\n\tbackground: linear-gradient(-45deg, #0000 43%, #000 0 57%, #0000 0) 52.5% 39.25% / 5% 5% no-repeat, linear-gradient(-45deg, #0000 43%, #000 0 57%, #0000 0) 58.5% 45.25% / 5% 5% no-repeat, linear-gradient(#000 0 0) 52.75% 37.5% / 3.5% 1.5% no-repeat, linear-gradient(#000 0 0) 58.75% 43.5% / 3.5% 1.5% no-repeat, linear-gradient(#000 0 0) 54.1% 39% / 1% 5% no-repeat, linear-gradient(#000 0 0) 59.75% 45.1% / 1% 5% no-repeat, radial-gradient(circle at 47% 47%, #0000 7%, #000 0 8.5%, #0000 0), radial-gradient(circle at 53% 53%, #0000 7%, #000 0 8.5%, #0000 0), linear-gradient(#faf 33.33%, white 0 66.66%, #ff6 0);\n}\n.flag.genderfluid {\n\tbackground: linear-gradient(hotpink 20%, white 0 40%, #e0e 0 60%, black 0 80%, blue 0);\n}\n.flag.aromantic {\n\tbackground: linear-gradient(#0a2 20%, #7d6 0 40%, white 0 60%, darkgray 0 80%, black 0);\n}\n.flag.abrosexual {\n\tbackground: linear-gradient(#5c8 20%, #a7e6c8 0 40%, white 0 60%, #f390b7 0 80%, #eb306d 0);\n}\n.flag.graysexual {\n\tbackground: linear-gradient(darkmagenta 20%, darkgray 0 40%, white 0 60%, darkgray 0 80%, darkmagenta 0);\n}\n.flag.hijra {\n\tbackground: linear-gradient(#ffc9e7 35%, white 0 45%, #d30000 0 55%, white 0 65%, #afe1fe 0);\n}\n.flag.genderqueer {\n\tbackground: linear-gradient(orchid 33.33%, white 0 66.66%, green 0);\n}\n.flag.polysexual {\n\tbackground: linear-gradient(#f0c 33.33%, #0d5 0 66.66%, #09f 0);\n}\n.flag.lesbian {\n\tbackground: linear-gradient( red 0 14.28%, #ff7000 0 28.57%, #f93 0 42.85%, white 0 57.14%, #f5a 0 71.42%, #f49 0 85.71%, #e06 0 );\n}\n.flag.bear-brotherhood {\n\tbackground: linear-gradient( #730 0 14.28%, #f50 0 28.57%, #fd3 0 42.85%, #ffe7b1 0 57.14%, white 0 71.42%, #555 0 85.71%, black 0 );\n}\n.flag.trans-inclusive {\n\tbackground: linear-gradient( #00916e 0 14.28%, #00d2a9 0 28.57%, #7debbe 0 42.85%, white 0 57.14%, #6eaee7 0 71.42%, #5443d3 0 85.71%, #43117d 0 );\n}\n.flag.agender {\n\tbackground: linear-gradient( black 0 14.28%, silver 0 28.57%, white 0 42.85%, #a3fa73 0 57.14%, white 0 71.42%, silver 0 85.71%, black 0 );\n}\n.flag.bigender {\n\tbackground: linear-gradient( #d074a2 0 14.28%, #f8a1cd 0 28.57%, #d9c6ea 0 42.85%, white 0 57.14%, #d9c6ea 0 71.42%, #90c8ec 0 85.71%, #6583d5 0 );\n}\n.flag.metagender {\n\tbackground: linear-gradient( black 0 14.28%, lime 0 28.57%, yellow 0 42.85%, white 0 57.14%, yellow 0 71.42%, lime 0 85.71%, black 0 );\n}\n.flag.puppy {\n\tposition: relative;\n\tbackground: linear-gradient(red 0 0) 50% 50% / 37% 19% no-repeat, radial-gradient(red 20%, #0000 20.5%) 22.5% 36% / 37% 50% no-repeat, radial-gradient(red 20%, #0000 20.5%) 22.5% 64% / 37% 50% no-repeat, radial-gradient(red 20%, #0000 20.5%) 77.5% 36% / 37% 50% no-repeat, radial-gradient(red 20%, #0000 20.5%) 77.5% 64% / 37% 50% no-repeat, linear-gradient( 31.75deg, black 10.5%, darkblue 0 21%, black 0 31.5%, darkblue 0 42%, white 0 58%, darkblue 0 68.5%, #0000 0 ), linear-gradient(31.75deg, #0000 68.5%, black 0 79%, darkblue 0 89.5%, black 0);\n}\n.flag.leather {\n\tposition: relative;\n\tbackground: linear-gradient(#fff 0 0) 50% 50% / 100% 11.11% no-repeat, repeating-linear-gradient(black 0 11.11%, #282388 0 22.22%);\n\t&::after {\n\t\tcontent: \"\";\n\t\ttop: 1.5%;\n\t\tleft: 8.5%;\n\t\tposition: absolute;\n\t\twidth: 26.5%;\n\t\theight: 40%;\n\t\tbackground: radial-gradient(circle at 66.66% 33.33%, red 29.5%, #0000 30%), radial-gradient(circle at 33.33% 66.66%, red 29.5%, #0000 30%), linear-gradient(-45deg, red 50%, #0000 0);\n\t\tborder-radius: 0 45%;\n\t\ttransform-origin: bottom right;\n\t\ttransform: rotate(1deg);\n\t}\n}\n.flag.rubber {\n\t--bg: linear-gradient(black 18.5%, red 0 23%, gold 0 37.75%, red 0 42%, black 0 57%, red 0 61.25%, black 0) no-repeat;\n\tposition: relative;\n\tbackground: var(--bg), #000;\n\toverflow: hidden;\n\tbackground-size: 55% 100%;\n\t&::after {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t\ttop: 28%;\n\t\tleft: 30%;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\ttransform: rotate(-27deg);\n\t\tclip-path: polygon(57% 0, 100% 0, 100% 100%, 1% 100%);\n\t\tbackground: var(--bg);\n\t\tbackground-size: 100% 100%;\n\t}\n\t&::before {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t\ttop: 18%;\n\t\tleft: 0%;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\ttransform: rotate(55.5deg);\n\t\tclip-path: polygon(19% 0, 100% 0, 100% 100%, 53% 100%);\n\t\tbackground: var(--bg);\n\t\tbackground-size: 100% 100%;\n\t}\n}\n.flag.pride-of-africa {\n\tbackground: radial-gradient(farthest-side at 0 50%, #e80000 99.9999%, #0000 0) 9% 0 / 8.4% 25%, linear-gradient(#fa4aa7 0 0) 0 0 / 8.3333% 25%, linear-gradient(90deg, #e80000 50%, #ffc621 0) 0 0 / 16.6666% 50%, radial-gradient(farthest-side at 0 50%, #ff9a0b 99.9999%, #0000 0) 27.3333% 0 / 8.3333% 25%, linear-gradient(#fd4603 0 0) 0 0 / 25.3333% 25%, linear-gradient(45deg, #fd4603 50%, #fbe10c 0) 0 0 / 33.3333% 50%, conic-gradient(at 50% 0, #0000 37.5%, #038b2a 0 62.5%, #0000 0) 40.6666% 4% / 12% 9%, conic-gradient(at 50% 100%, #038b2a 12.5%, #0000 0 87.5%, #038b2a 0) 40.6666% 13.6666% / 12% 9%, linear-gradient(#ffc621 0 0) 0 0 / 50% 25%, linear-gradient(90deg, #ff9a0b 75%, #038b2a 0 91.6666%, #ff9a0b 0) 0 0 / 50% 50%, radial-gradient(farthest-side, #f94ca8 55%, #e80000 0 99.9999%, #15b1da 0) 50% 0 / 33.3333% 50%, conic-gradient(#0000 243.5deg, #6c38c6 0 296.5deg, #0000 0) 100% 0 / 33.3333% 50%, linear-gradient(#6c38c6 25%, #f94ca8 0 75%, #6c38c6 0) 0 0 / 83.3333% 50%, radial-gradient(farthest-side, #ff7002 50%, #ffc310 0 99.9999%, #01b92f 0) 100% 0 / 16.6666% 25%, linear-gradient(90deg, #e80000 50%, #0000 0) 100% 0 / 16.6666% 50%, repeating-linear-gradient(#f94ca8 0 12.5%, #ffc310 0 25%) 100% 0 / 16.6666% 50%, conic-gradient(#f94ca8 166deg, #2e73ec 0 194deg, #f94ca8 0) 0 100% / 16.6666% 100%, linear-gradient(90deg, #6c38c6 75%, #0000 0) 0 100% / 33.3333% 50%, linear-gradient(#7c62e1 12.5%, #ff9a0b 0 25%, #7c62e1 0 37.5%, #ff9a0b 0 50%, #ffc621 0) 0 100% / 33.3333% 50%, radial-gradient(farthest-side at 0 50%, #f94ca8 99.9999%, #05acd9 0) 45.5555% 66.6666% / 8.3333% 25%, linear-gradient(#e80000 75%, #0000 0) 0 100% / 41.75% 100%, linear-gradient(225deg, #05acd9 50%, #e80000 0) 0 100% / 50% 75%, conic-gradient(#0ab730 166deg, #6c38c6 0 194deg, #0ab730 0) 100% 100% / 16.6666% 100%, radial-gradient(farthest-side, #f94ca8 55%, #ffc621 0 99.9999%, #038b2a 0) 100% 100% / 33.3333% 50%, conic-gradient(at 50% 0, #0000 160deg, #2e73ec 0 200deg, #0000 0) 59.1666% 60% / 10% 10%, conic-gradient(at 0 0, #2e73ec 120deg, #0000 0) 56.6666% 66.6666% / 7% 10%, conic-gradient(at 100% 0, #0000 240deg, #2e73ec 0) 61% 66.6666% / 7% 10%, conic-gradient(at 0 100%, #0000 25deg, #2e73ec 0 55deg, #0000 0) 57.5% 66.6666% / 6% 9%, conic-gradient(at 100% 100%, #0000 305deg, #2e73ec 0 335deg, #0000 0) 60% 66.6666% / 6% 9%, linear-gradient(#ffc621 75%, #0000 0), linear-gradient(90deg, #fbe10c 54.1666%, #2e73ec 0 62.5%, #fbe10c 0);\n\tbackground-repeat: no-repeat;\n}\n.flag.androgyne {\n\tbackground: linear-gradient(90deg, #f07 33.3%, #a0f 0 66.6%, #0be 0);\n}\n.flag.drag {\n\t--c: #f69ce4;\n\tbackground: radial-gradient(circle at 50% 58.5%, #fff 0.75%, #0000 0), radial-gradient(circle at 51.5% 58.6%, #fff 0.75%, #0000 0), radial-gradient(circle at 52.85% 58.75%, #fff 0.75%, #0000 0), radial-gradient(circle at 54.2% 59.1%, #fff 0.75%, #0000 0), radial-gradient(circle at 55.6% 59.6%, #fff 0.75%, #0000 0), radial-gradient(circle at 48.5% 58.6%, #fff 0.75%, #0000 0), radial-gradient(circle at 47.15% 58.75%, #fff 0.75%, #0000 0), radial-gradient(circle at 45.8% 59.1%, #fff 0.75%, #0000 0), radial-gradient(circle at 44.4% 59.6%, #fff 0.75%, #0000 0), radial-gradient(circle at 50% 37.5%, var(--c) 1%, #0000 0), radial-gradient(circle at 56.25% 45.75%, var(--c) 1%, #0000 0), radial-gradient(circle at 43.75% 45.75%, var(--c) 1%, #0000 0), radial-gradient(circle at 63% 43.5%, var(--c) 1%, #0000 0), radial-gradient(circle at 37% 43.25%, var(--c) 1%, #0000 0), linear-gradient(90deg, #c35cff 33%, #0000 0 67%, #4561ff 0), radial-gradient(25% 20% at 50% 71%, #fff 50%, #0000 50.5%), conic-gradient(at 50% 0, #0000 165deg, var(--c) 0 195deg, #0000 0) 50% 51.5% / 10% 24% no-repeat, conic-gradient(at 0 35%, #0000 133deg, var(--c) 0 175deg, #0000 0) 49.25% 51.5% / 10% 24% no-repeat, conic-gradient(at 100% 35%, #0000 185deg, var(--c) 0 227deg, #0000 0) 50.75% 51.5% / 10% 24% no-repeat, radial-gradient(100% 140% at 115% 77%, #fff 54%, #0000 0) 57.75% 58.25% / 10% 24% no-repeat, radial-gradient(220% 145% at 135% 73%, var(--c) 50%, #0000 0) 57.5% 58.25% / 10% 24% no-repeat, radial-gradient(100% 140% at -15% 77%, #fff 54%, #0000 0) 42.25% 58.5% / 10% 24% no-repeat, radial-gradient(220% 145% at -35% 73%, var(--c) 50%, #0000 0) 42.5% 58.5% / 10% 24% no-repeat, #fff;\n}\n" + ".flag {\n display: inline-block;\n width: 300px;\n aspect-ratio: 14 / 9;\n}\n.flag.icon {\n width: 3em;\n}\n.flag.icon.large {\n width: 4em;\n}\n.flag.icon.small {\n width: 2em;\n}\n.flag.pink-triangle {\n background: conic-gradient(from 331deg at 50% 100%, #f7a 58deg, #0000 0) 50% 50% / 55% 73% no-repeat, black;\n}\n.flag.gilbert-baker {\n background: linear-gradient(\n hotpink 12.5%,\n red 0 25%,\n orange 0 37.5%,\n yellow 0 50%,\n green 0 62.5%,\n darkturquoise 0 75%,\n blue 0 87.5%,\n indigo 0\n );\n}\n.flag.pride-1978 {\n background: linear-gradient(\n red 0 14.28%,\n orange 0 28.57%,\n yellow 0 42.85%,\n green 0 57.14%,\n darkturquoise 0 71.42%,\n blue 0 85.71%,\n indigo 0\n );\n}\n.flag.traditional {\n background: linear-gradient(red 16.66%, orange 0 33.33%, yellow 0 50%, green 0 66.66%, blue 0 83.33%, indigo 0);\n}\n.flag.philadelphia {\n background: linear-gradient(\n black 12.5%,\n saddlebrown 0 25%,\n red 0 37.5%,\n orange 0 50%,\n yellow 0 62.5%,\n green 0 75%,\n blue 0 87.5%,\n indigo 0\n );\n}\n.flag.progress {\n background: conic-gradient(at 14% 50%, #0000 221.25deg, white 222deg 318deg, #0000 318.25deg),\n conic-gradient(at 23% 50%, #0000 221.25deg, #ffa6b9 222deg 318deg, #0000 318.25deg),\n conic-gradient(at 32% 50%, #0000 221.25deg, #00d2ff 222deg 318deg, #0000 318.25deg),\n conic-gradient(at 41% 50%, #0000 221.25deg, #753000 222deg 318deg, #0000 318.25deg),\n conic-gradient(at 50% 50%, #0000 221.25deg, black 222deg 318deg, #0000 318.25deg),\n linear-gradient(red 0 16.66%, orange 0 33.33%, yellow 0 50%, green 0 66.66%, blue 0 83.33%, indigo 0);\n}\n.flag.intersex-inclusive {\n background: radial-gradient(circle at 9.75% 50%, #0000 6.66%, darkviolet 6.7% 8.33%, #0000 8.4%),\n conic-gradient(at 26.66% 50%, #0000 222.75deg, gold 0 317.25deg, #0000 0),\n conic-gradient(at 33% 50%, #0000 222.75deg, white 0 317.25deg, #0000 0),\n conic-gradient(at 39% 50%, #0000 222.75deg, #ffa6b9 0 317.25deg, #0000 0),\n conic-gradient(at 45.66% 50%, #0000 222.75deg, #00d2ff 0 317.25deg, #0000 0),\n conic-gradient(at 52% 50%, #0000 222.75deg, #753000 0 317.25deg, #0000 0),\n conic-gradient(at 58.33% 50%, #0000 222.75deg, #000 0 317.25deg, #0000 0),\n linear-gradient(red 0 16.66%, orange 0 33.33%, yellow 0 50%, green 0 66.66%, blue 0 83.33%, indigo 0);\n}\n.flag.new-pride {\n background: linear-gradient(\n to bottom right,\n white 10%,\n #ffa6b9 0 20%,\n #00d2ff 0 30%,\n #753000 0 40%,\n black 0 50%,\n #0000 0\n ),\n linear-gradient(red 16.66%, orange 0 33.33%, yellow 0 50%, green 0 66.66%, blue 0 83.33%, indigo 0);\n}\n.flag.social-justice {\n background: conic-gradient(at 12.5% 50%, #0000 228deg, #f9000c 0 312deg, #0000 0),\n conic-gradient(at 24% 50%, #0000 228deg, #1241a1 0 312deg, #0000 0),\n conic-gradient(at 35.5% 50%, #0000 228deg, black 0 312deg, #0000 0),\n linear-gradient(red 16.66%, orange 0 33.33%, yellow 0 50%, green 0 66.66%, blue 0 83.33%, indigo 0);\n}\n.flag.transgender {\n background: linear-gradient(#00d2ff 20%, #ffa6b9 0 40%, white 0 60%, #ffa6b9 0 80%, #00d2ff 0);\n}\n.flag.ally-pride {\n background: repeating-linear-gradient(black 0 16.66%, white 0 33.33%);\n &::before {\n content: \"\";\n width: 100%;\n height: 100%;\n display: block;\n background: linear-gradient(red 16.66%, orange 0 33.33%, yellow 0 50%, green 0 66.66%, blue 0 83.33%, indigo 0);\n clip-path: polygon(0 100%, 50% 0, 100% 100%, 66.66% 100%, 50% 66.66%, 33.33% 100%);\n }\n}\n.flag.intersex {\n background: radial-gradient(circle, gold 24.5%, darkviolet 25% 34%, gold 34.5%);\n}\n.flag.bisexual {\n background: linear-gradient(#f07 40%, #c49 0 60%, #03a 0);\n}\n.flag.demisexual {\n background: conic-gradient(at 35.5% 50%, #0000 228deg, black 0 312deg, #0000 0),\n linear-gradient(white 42%, purple 0 58%, lightgray 0);\n}\n.flag.demiromantic {\n background: conic-gradient(at 35.5% 50%, #0000 228deg, black 0 312deg, #0000 0),\n linear-gradient(white 42%, #092 0 58%, lightgray 0);\n}\n.flag.pansexual {\n background: linear-gradient(#f09 33.33%, gold 0 66.66%, deepskyblue 0);\n}\n.flag.asexual {\n background: linear-gradient(black 25%, darkgray 0 50%, white 0 75%, #a50089 0);\n}\n.flag.nonbinary {\n background: linear-gradient(yellow 25%, white 0 50%, mediumorchid 0 75%, black 0);\n}\n.flag.labrys {\n position: relative;\n background: conic-gradient(from 330deg at 50% 100%, black 60deg, #0000 0) 50% 50% / 83% 83% no-repeat, darkmagenta;\n &::before {\n content: \"\";\n position: absolute;\n width: 35%;\n top: 1.66%;\n left: 50%;\n aspect-ratio: 1;\n background: white;\n border-radius: 50%;\n transform: translateX(-50%);\n -webkit-mask: radial-gradient(130% 215% at 50% 0%, #0000 35%, #000 0) 50% 0 / 100% 51% no-repeat,\n radial-gradient(130% 230% at 50% 100%, #0000 35%, #000 0) 50% 100% / 100% 51% no-repeat;\n mask: radial-gradient(130% 215% at 50% 0%, #0000 35%, #000 0) 50% 0 / 100% 51% no-repeat,\n radial-gradient(130% 230% at 50% 100%, #0000 35%, #000 0) 50% 100% / 100% 51% no-repeat;\n }\n &::after {\n content: \"\";\n position: absolute;\n top: 18%;\n left: 50%;\n transform: translateX(-50%);\n width: 4%;\n height: 60%;\n background: white;\n border-radius: 100% / 5%;\n box-shadow: 0 0 0 1px;\n }\n}\n.flag.polyamory {\n position: relative;\n background: linear-gradient(blue 33.33%, red 0 66.66%, black 0);\n &::before {\n content: \"π\";\n color: yellow;\n position: absolute;\n font-family: \"Times New Roman\", \"Times\", serif;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%);\n line-height: 0;\n font-size: 90px;\n font-weight: 100;\n }\n}\n.flag.twink {\n position: relative;\n background: linear-gradient(-45deg, #0000 43%, #000 0 57%, #0000 0) 52.5% 39.25% / 5% 5% no-repeat,\n linear-gradient(-45deg, #0000 43%, #000 0 57%, #0000 0) 58.5% 45.25% / 5% 5% no-repeat,\n linear-gradient(#000 0 0) 52.75% 37.5% / 3.5% 1.5% no-repeat,\n linear-gradient(#000 0 0) 58.75% 43.5% / 3.5% 1.5% no-repeat, linear-gradient(#000 0 0) 54.1% 39% / 1% 5% no-repeat,\n linear-gradient(#000 0 0) 59.75% 45.1% / 1% 5% no-repeat,\n radial-gradient(circle at 47% 47%, #0000 7%, #000 0 8.5%, #0000 0),\n radial-gradient(circle at 53% 53%, #0000 7%, #000 0 8.5%, #0000 0),\n linear-gradient(#faf 33.33%, white 0 66.66%, #ff6 0);\n}\n.flag.genderfluid {\n background: linear-gradient(hotpink 20%, white 0 40%, #e0e 0 60%, black 0 80%, blue 0);\n}\n.flag.aromantic {\n background: linear-gradient(#0a2 20%, #7d6 0 40%, white 0 60%, darkgray 0 80%, black 0);\n}\n.flag.abrosexual {\n background: linear-gradient(#5c8 20%, #a7e6c8 0 40%, white 0 60%, #f390b7 0 80%, #eb306d 0);\n}\n.flag.graysexual {\n background: linear-gradient(darkmagenta 20%, darkgray 0 40%, white 0 60%, darkgray 0 80%, darkmagenta 0);\n}\n.flag.hijra {\n background: linear-gradient(#ffc9e7 35%, white 0 45%, #d30000 0 55%, white 0 65%, #afe1fe 0);\n}\n.flag.genderqueer {\n background: linear-gradient(orchid 33.33%, white 0 66.66%, green 0);\n}\n.flag.polysexual {\n background: linear-gradient(#f0c 33.33%, #0d5 0 66.66%, #09f 0);\n}\n.flag.lesbian {\n background: linear-gradient(\n red 0 14.28%,\n #ff7000 0 28.57%,\n #f93 0 42.85%,\n white 0 57.14%,\n #f5a 0 71.42%,\n #f49 0 85.71%,\n #e06 0\n );\n}\n.flag.bear-brotherhood {\n background: linear-gradient(\n #730 0 14.28%,\n #f50 0 28.57%,\n #fd3 0 42.85%,\n #ffe7b1 0 57.14%,\n white 0 71.42%,\n #555 0 85.71%,\n black 0\n );\n}\n.flag.trans-inclusive {\n background: linear-gradient(\n #00916e 0 14.28%,\n #00d2a9 0 28.57%,\n #7debbe 0 42.85%,\n white 0 57.14%,\n #6eaee7 0 71.42%,\n #5443d3 0 85.71%,\n #43117d 0\n );\n}\n.flag.agender {\n background: linear-gradient(\n black 0 14.28%,\n silver 0 28.57%,\n white 0 42.85%,\n #a3fa73 0 57.14%,\n white 0 71.42%,\n silver 0 85.71%,\n black 0\n );\n}\n.flag.bigender {\n background: linear-gradient(\n #d074a2 0 14.28%,\n #f8a1cd 0 28.57%,\n #d9c6ea 0 42.85%,\n white 0 57.14%,\n #d9c6ea 0 71.42%,\n #90c8ec 0 85.71%,\n #6583d5 0\n );\n}\n.flag.metagender {\n background: linear-gradient(\n black 0 14.28%,\n lime 0 28.57%,\n yellow 0 42.85%,\n white 0 57.14%,\n yellow 0 71.42%,\n lime 0 85.71%,\n black 0\n );\n}\n.flag.puppy {\n position: relative;\n background: linear-gradient(red 0 0) 50% 50% / 37% 19% no-repeat,\n radial-gradient(red 20%, #0000 20.5%) 22.5% 36% / 37% 50% no-repeat,\n radial-gradient(red 20%, #0000 20.5%) 22.5% 64% / 37% 50% no-repeat,\n radial-gradient(red 20%, #0000 20.5%) 77.5% 36% / 37% 50% no-repeat,\n radial-gradient(red 20%, #0000 20.5%) 77.5% 64% / 37% 50% no-repeat,\n linear-gradient(\n 31.75deg,\n black 10.5%,\n darkblue 0 21%,\n black 0 31.5%,\n darkblue 0 42%,\n white 0 58%,\n darkblue 0 68.5%,\n #0000 0\n ),\n linear-gradient(31.75deg, #0000 68.5%, black 0 79%, darkblue 0 89.5%, black 0);\n}\n.flag.leather {\n position: relative;\n background: linear-gradient(#fff 0 0) 50% 50% / 100% 11.11% no-repeat,\n repeating-linear-gradient(black 0 11.11%, #282388 0 22.22%);\n &::after {\n content: \"\";\n top: 1.5%;\n left: 8.5%;\n position: absolute;\n width: 26.5%;\n height: 40%;\n background: radial-gradient(circle at 66.66% 33.33%, red 29.5%, #0000 30%),\n radial-gradient(circle at 33.33% 66.66%, red 29.5%, #0000 30%), linear-gradient(-45deg, red 50%, #0000 0);\n border-radius: 0 45%;\n transform-origin: bottom right;\n transform: rotate(1deg);\n }\n}\n.flag.rubber {\n --bg: linear-gradient(black 18.5%, red 0 23%, gold 0 37.75%, red 0 42%, black 0 57%, red 0 61.25%, black 0) no-repeat;\n position: relative;\n background: var(--bg), #000;\n overflow: hidden;\n background-size: 55% 100%;\n &::after {\n content: \"\";\n position: absolute;\n top: 28%;\n left: 30%;\n width: 100%;\n height: 100%;\n transform: rotate(-27deg);\n clip-path: polygon(57% 0, 100% 0, 100% 100%, 1% 100%);\n background: var(--bg);\n background-size: 100% 100%;\n }\n &::before {\n content: \"\";\n position: absolute;\n top: 18%;\n left: 0%;\n width: 100%;\n height: 100%;\n transform: rotate(55.5deg);\n clip-path: polygon(19% 0, 100% 0, 100% 100%, 53% 100%);\n background: var(--bg);\n background-size: 100% 100%;\n }\n}\n.flag.pride-of-africa {\n background: radial-gradient(farthest-side at 0 50%, #e80000 99.9999%, #0000 0) 9% 0 / 8.4% 25%,\n linear-gradient(#fa4aa7 0 0) 0 0 / 8.3333% 25%, linear-gradient(90deg, #e80000 50%, #ffc621 0) 0 0 / 16.6666% 50%,\n radial-gradient(farthest-side at 0 50%, #ff9a0b 99.9999%, #0000 0) 27.3333% 0 / 8.3333% 25%,\n linear-gradient(#fd4603 0 0) 0 0 / 25.3333% 25%, linear-gradient(45deg, #fd4603 50%, #fbe10c 0) 0 0 / 33.3333% 50%,\n conic-gradient(at 50% 0, #0000 37.5%, #038b2a 0 62.5%, #0000 0) 40.6666% 4% / 12% 9%,\n conic-gradient(at 50% 100%, #038b2a 12.5%, #0000 0 87.5%, #038b2a 0) 40.6666% 13.6666% / 12% 9%,\n linear-gradient(#ffc621 0 0) 0 0 / 50% 25%,\n linear-gradient(90deg, #ff9a0b 75%, #038b2a 0 91.6666%, #ff9a0b 0) 0 0 / 50% 50%,\n radial-gradient(farthest-side, #f94ca8 55%, #e80000 0 99.9999%, #15b1da 0) 50% 0 / 33.3333% 50%,\n conic-gradient(#0000 243.5deg, #6c38c6 0 296.5deg, #0000 0) 100% 0 / 33.3333% 50%,\n linear-gradient(#6c38c6 25%, #f94ca8 0 75%, #6c38c6 0) 0 0 / 83.3333% 50%,\n radial-gradient(farthest-side, #ff7002 50%, #ffc310 0 99.9999%, #01b92f 0) 100% 0 / 16.6666% 25%,\n linear-gradient(90deg, #e80000 50%, #0000 0) 100% 0 / 16.6666% 50%,\n repeating-linear-gradient(#f94ca8 0 12.5%, #ffc310 0 25%) 100% 0 / 16.6666% 50%,\n conic-gradient(#f94ca8 166deg, #2e73ec 0 194deg, #f94ca8 0) 0 100% / 16.6666% 100%,\n linear-gradient(90deg, #6c38c6 75%, #0000 0) 0 100% / 33.3333% 50%,\n linear-gradient(#7c62e1 12.5%, #ff9a0b 0 25%, #7c62e1 0 37.5%, #ff9a0b 0 50%, #ffc621 0) 0 100% / 33.3333% 50%,\n radial-gradient(farthest-side at 0 50%, #f94ca8 99.9999%, #05acd9 0) 45.5555% 66.6666% / 8.3333% 25%,\n linear-gradient(#e80000 75%, #0000 0) 0 100% / 41.75% 100%,\n linear-gradient(225deg, #05acd9 50%, #e80000 0) 0 100% / 50% 75%,\n conic-gradient(#0ab730 166deg, #6c38c6 0 194deg, #0ab730 0) 100% 100% / 16.6666% 100%,\n radial-gradient(farthest-side, #f94ca8 55%, #ffc621 0 99.9999%, #038b2a 0) 100% 100% / 33.3333% 50%,\n conic-gradient(at 50% 0, #0000 160deg, #2e73ec 0 200deg, #0000 0) 59.1666% 60% / 10% 10%,\n conic-gradient(at 0 0, #2e73ec 120deg, #0000 0) 56.6666% 66.6666% / 7% 10%,\n conic-gradient(at 100% 0, #0000 240deg, #2e73ec 0) 61% 66.6666% / 7% 10%,\n conic-gradient(at 0 100%, #0000 25deg, #2e73ec 0 55deg, #0000 0) 57.5% 66.6666% / 6% 9%,\n conic-gradient(at 100% 100%, #0000 305deg, #2e73ec 0 335deg, #0000 0) 60% 66.6666% / 6% 9%,\n linear-gradient(#ffc621 75%, #0000 0), linear-gradient(90deg, #fbe10c 54.1666%, #2e73ec 0 62.5%, #fbe10c 0);\n background-repeat: no-repeat;\n}\n.flag.androgyne {\n background: linear-gradient(90deg, #f07 33.3%, #a0f 0 66.6%, #0be 0);\n}\n.flag.drag {\n --c: #f69ce4;\n background: radial-gradient(circle at 50% 58.5%, #fff 0.75%, #0000 0),\n radial-gradient(circle at 51.5% 58.6%, #fff 0.75%, #0000 0),\n radial-gradient(circle at 52.85% 58.75%, #fff 0.75%, #0000 0),\n radial-gradient(circle at 54.2% 59.1%, #fff 0.75%, #0000 0),\n radial-gradient(circle at 55.6% 59.6%, #fff 0.75%, #0000 0),\n radial-gradient(circle at 48.5% 58.6%, #fff 0.75%, #0000 0),\n radial-gradient(circle at 47.15% 58.75%, #fff 0.75%, #0000 0),\n radial-gradient(circle at 45.8% 59.1%, #fff 0.75%, #0000 0),\n radial-gradient(circle at 44.4% 59.6%, #fff 0.75%, #0000 0),\n radial-gradient(circle at 50% 37.5%, var(--c) 1%, #0000 0),\n radial-gradient(circle at 56.25% 45.75%, var(--c) 1%, #0000 0),\n radial-gradient(circle at 43.75% 45.75%, var(--c) 1%, #0000 0),\n radial-gradient(circle at 63% 43.5%, var(--c) 1%, #0000 0),\n radial-gradient(circle at 37% 43.25%, var(--c) 1%, #0000 0),\n linear-gradient(90deg, #c35cff 33%, #0000 0 67%, #4561ff 0),\n radial-gradient(25% 20% at 50% 71%, #fff 50%, #0000 50.5%),\n conic-gradient(at 50% 0, #0000 165deg, var(--c) 0 195deg, #0000 0) 50% 51.5% / 10% 24% no-repeat,\n conic-gradient(at 0 35%, #0000 133deg, var(--c) 0 175deg, #0000 0) 49.25% 51.5% / 10% 24% no-repeat,\n conic-gradient(at 100% 35%, #0000 185deg, var(--c) 0 227deg, #0000 0) 50.75% 51.5% / 10% 24% no-repeat,\n radial-gradient(100% 140% at 115% 77%, #fff 54%, #0000 0) 57.75% 58.25% / 10% 24% no-repeat,\n radial-gradient(220% 145% at 135% 73%, var(--c) 50%, #0000 0) 57.5% 58.25% / 10% 24% no-repeat,\n radial-gradient(100% 140% at -15% 77%, #fff 54%, #0000 0) 42.25% 58.5% / 10% 24% no-repeat,\n radial-gradient(220% 145% at -35% 73%, var(--c) 50%, #0000 0) 42.5% 58.5% / 10% 24% no-repeat, #fff;\n}\n" ], "names": [], - "mappings": "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" + "mappings": "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" } \ No newline at end of file diff --git a/dist/pride-flags.min.css b/dist/pride-flags.min.css index c148a0e..8fc9520 100644 --- a/dist/pride-flags.min.css +++ b/dist/pride-flags.min.css @@ -1,2 +1,2 @@ -@charset "UTF-8";.flag{display:inline-block;width:300px;aspect-ratio:14/9}.flag.icon{width:3em}.flag.icon.large{width:4em}.flag.pink-triangle{background:conic-gradient(from 331deg at 50% 100%,#f7a 58deg,#0000 0) 50% 50%/55% 73% no-repeat,#000}.flag.gilbert-baker{background:linear-gradient(hotpink 12.5%,red 0 25%,orange 0 37.5%,#ff0 0 50%,green 0 62.5%,#00ced1 0 75%,#00f 0 87.5%,indigo 0)}.flag.pride-1978{background:linear-gradient(red 0 14.28%,orange 0 28.57%,#ff0 0 42.85%,green 0 57.14%,#00ced1 0 71.42%,#00f 0 85.71%,indigo 0)}.flag.traditional{background:linear-gradient(red 16.66%,orange 0 33.33%,#ff0 0 50%,green 0 66.66%,#00f 0 83.33%,indigo 0)}.flag.philadelphia{background:linear-gradient(black 12.5%,#8b4513 0 25%,red 0 37.5%,orange 0 50%,#ff0 0 62.5%,green 0 75%,#00f 0 87.5%,indigo 0)}.flag.progress{background:conic-gradient(at 14% 50%,#0000 221.25deg,#fff 222deg 318deg,#0000 318.25deg),conic-gradient(at 23% 50%,#0000 221.25deg,#ffa6b9 222deg 318deg,#0000 318.25deg),conic-gradient(at 32% 50%,#0000 221.25deg,#00d2ff 222deg 318deg,#0000 318.25deg),conic-gradient(at 41% 50%,#0000 221.25deg,#753000 222deg 318deg,#0000 318.25deg),conic-gradient(at 50% 50%,#0000 221.25deg,#000 222deg 318deg,#0000 318.25deg),linear-gradient(red 0 16.66%,orange 0 33.33%,#ff0 0 50%,green 0 66.66%,#00f 0 83.33%,indigo 0)}.flag.intersex-inclusive{background:radial-gradient(circle at 9.75% 50%,#0000 6.66%,#9400d3 6.7% 8.33%,#0000 8.4%),conic-gradient(at 26.66% 50%,#0000 222.75deg,gold 0 317.25deg,#0000 0),conic-gradient(at 33% 50%,#0000 222.75deg,#fff 0 317.25deg,#0000 0),conic-gradient(at 39% 50%,#0000 222.75deg,#ffa6b9 0 317.25deg,#0000 0),conic-gradient(at 45.66% 50%,#0000 222.75deg,#00d2ff 0 317.25deg,#0000 0),conic-gradient(at 52% 50%,#0000 222.75deg,#753000 0 317.25deg,#0000 0),conic-gradient(at 58.33% 50%,#0000 222.75deg,#000 0 317.25deg,#0000 0),linear-gradient(red 0 16.66%,orange 0 33.33%,#ff0 0 50%,green 0 66.66%,#00f 0 83.33%,indigo 0)}.flag.new-pride{background:linear-gradient(to bottom right,#fff 10%,#ffa6b9 0 20%,#00d2ff 0 30%,#753000 0 40%,#000 0 50%,#0000 0),linear-gradient(red 16.66%,orange 0 33.33%,#ff0 0 50%,green 0 66.66%,#00f 0 83.33%,indigo 0)}.flag.social-justice{background:conic-gradient(at 12.5% 50%,#0000 228deg,#f9000c 0 312deg,#0000 0),conic-gradient(at 24% 50%,#0000 228deg,#1241a1 0 312deg,#0000 0),conic-gradient(at 35.5% 50%,#0000 228deg,#000 0 312deg,#0000 0),linear-gradient(red 16.66%,orange 0 33.33%,#ff0 0 50%,green 0 66.66%,#00f 0 83.33%,indigo 0)}.flag.transgender{background:linear-gradient(#00d2ff 20%,#ffa6b9 0 40%,#fff 0 60%,#ffa6b9 0 80%,#00d2ff 0)}.flag.ally-pride{background:repeating-linear-gradient(black 0 16.66%,#fff 0 33.33%)}.flag.ally-pride::before{content:"";width:100%;height:100%;display:block;background:linear-gradient(red 16.66%,orange 0 33.33%,#ff0 0 50%,green 0 66.66%,#00f 0 83.33%,indigo 0);clip-path:polygon(0 100%,50% 0,100% 100%,66.66% 100%,50% 66.66%,33.33% 100%)}.flag.intersex{background:radial-gradient(circle,gold 24.5%,#9400d3 25% 34%,gold 34.5%)}.flag.bisexual{background:linear-gradient(#f07 40%,#c49 0 60%,#03a 0)}.flag.demisexual{background:conic-gradient(at 35.5% 50%,#0000 228deg,#000 0 312deg,#0000 0),linear-gradient(white 42%,purple 0 58%,#d3d3d3 0)}.flag.demiromantic{background:conic-gradient(at 35.5% 50%,#0000 228deg,#000 0 312deg,#0000 0),linear-gradient(white 42%,#092 0 58%,#d3d3d3 0)}.flag.pansexual{background:linear-gradient(#f09 33.33%,gold 0 66.66%,#00bfff 0)}.flag.asexual{background:linear-gradient(black 25%,#a9a9a9 0 50%,#fff 0 75%,#a50089 0)}.flag.nonbinary{background:linear-gradient(yellow 25%,#fff 0 50%,#ba55d3 0 75%,#000 0)}.flag.labrys{position:relative;background:conic-gradient(from 330deg at 50% 100%,#000 60deg,#0000 0) 50% 50%/83% 83% no-repeat,#8b008b}.flag.labrys::before{content:"";position:absolute;width:35%;top:1.66%;left:50%;aspect-ratio:1;background:#fff;border-radius:50%;transform:translateX(-50%);-webkit-mask:radial-gradient(130% 215% at 50% 0%,#0000 35%,#000 0) 50% 0/100% 51% no-repeat,radial-gradient(130% 230% at 50% 100%,#0000 35%,#000 0) 50% 100%/100% 51% no-repeat;mask:radial-gradient(130% 215% at 50% 0%,#0000 35%,#000 0) 50% 0/100% 51% no-repeat,radial-gradient(130% 230% at 50% 100%,#0000 35%,#000 0) 50% 100%/100% 51% no-repeat}.flag.labrys::after{content:"";position:absolute;top:18%;left:50%;transform:translateX(-50%);width:4%;height:60%;background:#fff;border-radius:100%/5%;box-shadow:0 0 0 1px}.flag.polyamory{position:relative;background:linear-gradient(blue 33.33%,red 0 66.66%,#000 0)}.flag.polyamory::before{content:"π";color:#ff0;position:absolute;font-family:"Times New Roman",Times,serif;top:45%;left:50%;transform:translate(-50%,-50%);line-height:0;font-size:90px;font-weight:100}.flag.twink{position:relative;background:linear-gradient(-45deg,#0000 43%,#000 0 57%,#0000 0) 52.5% 39.25%/5% 5% no-repeat,linear-gradient(-45deg,#0000 43%,#000 0 57%,#0000 0) 58.5% 45.25%/5% 5% no-repeat,linear-gradient(#000 0 0) 52.75% 37.5%/3.5% 1.5% no-repeat,linear-gradient(#000 0 0) 58.75% 43.5%/3.5% 1.5% no-repeat,linear-gradient(#000 0 0) 54.1% 39%/1% 5% no-repeat,linear-gradient(#000 0 0) 59.75% 45.1%/1% 5% no-repeat,radial-gradient(circle at 47% 47%,#0000 7%,#000 0 8.5%,#0000 0),radial-gradient(circle at 53% 53%,#0000 7%,#000 0 8.5%,#0000 0),linear-gradient(#faf 33.33%,#fff 0 66.66%,#ff6 0)}.flag.genderfluid{background:linear-gradient(hotpink 20%,#fff 0 40%,#e0e 0 60%,#000 0 80%,#00f 0)}.flag.aromantic{background:linear-gradient(#0a2 20%,#7d6 0 40%,#fff 0 60%,#a9a9a9 0 80%,#000 0)}.flag.abrosexual{background:linear-gradient(#5c8 20%,#a7e6c8 0 40%,#fff 0 60%,#f390b7 0 80%,#eb306d 0)}.flag.graysexual{background:linear-gradient(darkmagenta 20%,#a9a9a9 0 40%,#fff 0 60%,#a9a9a9 0 80%,#8b008b 0)}.flag.hijra{background:linear-gradient(#ffc9e7 35%,#fff 0 45%,#d30000 0 55%,#fff 0 65%,#afe1fe 0)}.flag.genderqueer{background:linear-gradient(orchid 33.33%,#fff 0 66.66%,green 0)}.flag.polysexual{background:linear-gradient(#f0c 33.33%,#0d5 0 66.66%,#09f 0)}.flag.lesbian{background:linear-gradient(red 0 14.28%,#ff7000 0 28.57%,#f93 0 42.85%,#fff 0 57.14%,#f5a 0 71.42%,#f49 0 85.71%,#e06 0)}.flag.bear-brotherhood{background:linear-gradient(#730 0 14.28%,#f50 0 28.57%,#fd3 0 42.85%,#ffe7b1 0 57.14%,#fff 0 71.42%,#555 0 85.71%,#000 0)}.flag.trans-inclusive{background:linear-gradient(#00916e 0 14.28%,#00d2a9 0 28.57%,#7debbe 0 42.85%,#fff 0 57.14%,#6eaee7 0 71.42%,#5443d3 0 85.71%,#43117d 0)}.flag.agender{background:linear-gradient(black 0 14.28%,silver 0 28.57%,#fff 0 42.85%,#a3fa73 0 57.14%,#fff 0 71.42%,silver 0 85.71%,#000 0)}.flag.bigender{background:linear-gradient(#d074a2 0 14.28%,#f8a1cd 0 28.57%,#d9c6ea 0 42.85%,#fff 0 57.14%,#d9c6ea 0 71.42%,#90c8ec 0 85.71%,#6583d5 0)}.flag.metagender{background:linear-gradient(black 0 14.28%,#0f0 0 28.57%,#ff0 0 42.85%,#fff 0 57.14%,#ff0 0 71.42%,#0f0 0 85.71%,#000 0)}.flag.puppy{position:relative;background:linear-gradient(red 0 0) 50% 50%/37% 19% no-repeat,radial-gradient(red 20%,#0000 20.5%) 22.5% 36%/37% 50% no-repeat,radial-gradient(red 20%,#0000 20.5%) 22.5% 64%/37% 50% no-repeat,radial-gradient(red 20%,#0000 20.5%) 77.5% 36%/37% 50% no-repeat,radial-gradient(red 20%,#0000 20.5%) 77.5% 64%/37% 50% no-repeat,linear-gradient(31.75deg,#000 10.5%,#00008b 0 21%,#000 0 31.5%,#00008b 0 42%,#fff 0 58%,#00008b 0 68.5%,#0000 0),linear-gradient(31.75deg,#0000 68.5%,#000 0 79%,#00008b 0 89.5%,#000 0)}.flag.leather{position:relative;background:linear-gradient(#fff 0 0) 50% 50%/100% 11.11% no-repeat,repeating-linear-gradient(black 0 11.11%,#282388 0 22.22%)}.flag.leather::after{content:"";top:1.5%;left:8.5%;position:absolute;width:26.5%;height:40%;background:radial-gradient(circle at 66.66% 33.33%,red 29.5%,#0000 30%),radial-gradient(circle at 33.33% 66.66%,red 29.5%,#0000 30%),linear-gradient(-45deg,red 50%,#0000 0);border-radius:0 45%;transform-origin:bottom right;transform:rotate(1deg)}.flag.rubber{--bg:linear-gradient(black 18.5%, red 0 23%, gold 0 37.75%, red 0 42%, black 0 57%, red 0 61.25%, black 0) no-repeat;position:relative;background:var(--bg),#000;overflow:hidden;background-size:55% 100%}.flag.rubber::after{content:"";position:absolute;top:28%;left:30%;width:100%;height:100%;transform:rotate(-27deg);clip-path:polygon(57% 0,100% 0,100% 100%,1% 100%);background:var(--bg);background-size:100% 100%}.flag.rubber::before{content:"";position:absolute;top:18%;left:0;width:100%;height:100%;transform:rotate(55.5deg);clip-path:polygon(19% 0,100% 0,100% 100%,53% 100%);background:var(--bg);background-size:100% 100%}.flag.pride-of-africa{background:radial-gradient(farthest-side at 0 50%,#e80000 99.9999%,#0000 0) 9% 0/8.4% 25%,linear-gradient(#fa4aa7 0 0) 0 0/8.3333% 25%,linear-gradient(90deg,#e80000 50%,#ffc621 0) 0 0/16.6666% 50%,radial-gradient(farthest-side at 0 50%,#ff9a0b 99.9999%,#0000 0) 27.3333% 0/8.3333% 25%,linear-gradient(#fd4603 0 0) 0 0/25.3333% 25%,linear-gradient(45deg,#fd4603 50%,#fbe10c 0) 0 0/33.3333% 50%,conic-gradient(at 50% 0,#0000 37.5%,#038b2a 0 62.5%,#0000 0) 40.6666% 4%/12% 9%,conic-gradient(at 50% 100%,#038b2a 12.5%,#0000 0 87.5%,#038b2a 0) 40.6666% 13.6666%/12% 9%,linear-gradient(#ffc621 0 0) 0 0/50% 25%,linear-gradient(90deg,#ff9a0b 75%,#038b2a 0 91.6666%,#ff9a0b 0) 0 0/50% 50%,radial-gradient(farthest-side,#f94ca8 55%,#e80000 0 99.9999%,#15b1da 0) 50% 0/33.3333% 50%,conic-gradient(#0000 243.5deg,#6c38c6 0 296.5deg,#0000 0) 100% 0/33.3333% 50%,linear-gradient(#6c38c6 25%,#f94ca8 0 75%,#6c38c6 0) 0 0/83.3333% 50%,radial-gradient(farthest-side,#ff7002 50%,#ffc310 0 99.9999%,#01b92f 0) 100% 0/16.6666% 25%,linear-gradient(90deg,#e80000 50%,#0000 0) 100% 0/16.6666% 50%,repeating-linear-gradient(#f94ca8 0 12.5%,#ffc310 0 25%) 100% 0/16.6666% 50%,conic-gradient(#f94ca8 166deg,#2e73ec 0 194deg,#f94ca8 0) 0 100%/16.6666% 100%,linear-gradient(90deg,#6c38c6 75%,#0000 0) 0 100%/33.3333% 50%,linear-gradient(#7c62e1 12.5%,#ff9a0b 0 25%,#7c62e1 0 37.5%,#ff9a0b 0 50%,#ffc621 0) 0 100%/33.3333% 50%,radial-gradient(farthest-side at 0 50%,#f94ca8 99.9999%,#05acd9 0) 45.5555% 66.6666%/8.3333% 25%,linear-gradient(#e80000 75%,#0000 0) 0 100%/41.75% 100%,linear-gradient(225deg,#05acd9 50%,#e80000 0) 0 100%/50% 75%,conic-gradient(#0ab730 166deg,#6c38c6 0 194deg,#0ab730 0) 100% 100%/16.6666% 100%,radial-gradient(farthest-side,#f94ca8 55%,#ffc621 0 99.9999%,#038b2a 0) 100% 100%/33.3333% 50%,conic-gradient(at 50% 0,#0000 160deg,#2e73ec 0 200deg,#0000 0) 59.1666% 60%/10% 10%,conic-gradient(at 0 0,#2e73ec 120deg,#0000 0) 56.6666% 66.6666%/7% 10%,conic-gradient(at 100% 0,#0000 240deg,#2e73ec 0) 61% 66.6666%/7% 10%,conic-gradient(at 0 100%,#0000 25deg,#2e73ec 0 55deg,#0000 0) 57.5% 66.6666%/6% 9%,conic-gradient(at 100% 100%,#0000 305deg,#2e73ec 0 335deg,#0000 0) 60% 66.6666%/6% 9%,linear-gradient(#ffc621 75%,#0000 0),linear-gradient(90deg,#fbe10c 54.1666%,#2e73ec 0 62.5%,#fbe10c 0);background-repeat:no-repeat}.flag.androgyne{background:linear-gradient(90deg,#f07 33.3%,#a0f 0 66.6%,#0be 0)}.flag.drag{--c:#f69ce4;background:radial-gradient(circle at 50% 58.5%,#fff .75%,#0000 0),radial-gradient(circle at 51.5% 58.6%,#fff .75%,#0000 0),radial-gradient(circle at 52.85% 58.75%,#fff .75%,#0000 0),radial-gradient(circle at 54.2% 59.1%,#fff .75%,#0000 0),radial-gradient(circle at 55.6% 59.6%,#fff .75%,#0000 0),radial-gradient(circle at 48.5% 58.6%,#fff .75%,#0000 0),radial-gradient(circle at 47.15% 58.75%,#fff .75%,#0000 0),radial-gradient(circle at 45.8% 59.1%,#fff .75%,#0000 0),radial-gradient(circle at 44.4% 59.6%,#fff .75%,#0000 0),radial-gradient(circle at 50% 37.5%,var(--c) 1%,#0000 0),radial-gradient(circle at 56.25% 45.75%,var(--c) 1%,#0000 0),radial-gradient(circle at 43.75% 45.75%,var(--c) 1%,#0000 0),radial-gradient(circle at 63% 43.5%,var(--c) 1%,#0000 0),radial-gradient(circle at 37% 43.25%,var(--c) 1%,#0000 0),linear-gradient(90deg,#c35cff 33%,#0000 0 67%,#4561ff 0),radial-gradient(25% 20% at 50% 71%,#fff 50%,#0000 50.5%),conic-gradient(at 50% 0,#0000 165deg,var(--c) 0 195deg,#0000 0) 50% 51.5%/10% 24% no-repeat,conic-gradient(at 0 35%,#0000 133deg,var(--c) 0 175deg,#0000 0) 49.25% 51.5%/10% 24% no-repeat,conic-gradient(at 100% 35%,#0000 185deg,var(--c) 0 227deg,#0000 0) 50.75% 51.5%/10% 24% no-repeat,radial-gradient(100% 140% at 115% 77%,#fff 54%,#0000 0) 57.75% 58.25%/10% 24% no-repeat,radial-gradient(220% 145% at 135% 73%,var(--c) 50%,#0000 0) 57.5% 58.25%/10% 24% no-repeat,radial-gradient(100% 140% at -15% 77%,#fff 54%,#0000 0) 42.25% 58.5%/10% 24% no-repeat,radial-gradient(220% 145% at -35% 73%,var(--c) 50%,#0000 0) 42.5% 58.5%/10% 24% no-repeat,#fff} +@charset "UTF-8";.flag{display:inline-block;width:300px;aspect-ratio:14/9}.flag.icon{width:3em}.flag.icon.large{width:4em}.flag.icon.small{width:2em}.flag.pink-triangle{background:conic-gradient(from 331deg at 50% 100%,#f7a 58deg,#0000 0) 50% 50%/55% 73% no-repeat,#000}.flag.gilbert-baker{background:linear-gradient(hotpink 12.5%,red 0 25%,orange 0 37.5%,#ff0 0 50%,green 0 62.5%,#00ced1 0 75%,#00f 0 87.5%,indigo 0)}.flag.pride-1978{background:linear-gradient(red 0 14.28%,orange 0 28.57%,#ff0 0 42.85%,green 0 57.14%,#00ced1 0 71.42%,#00f 0 85.71%,indigo 0)}.flag.traditional{background:linear-gradient(red 16.66%,orange 0 33.33%,#ff0 0 50%,green 0 66.66%,#00f 0 83.33%,indigo 0)}.flag.philadelphia{background:linear-gradient(black 12.5%,#8b4513 0 25%,red 0 37.5%,orange 0 50%,#ff0 0 62.5%,green 0 75%,#00f 0 87.5%,indigo 0)}.flag.progress{background:conic-gradient(at 14% 50%,#0000 221.25deg,#fff 222deg 318deg,#0000 318.25deg),conic-gradient(at 23% 50%,#0000 221.25deg,#ffa6b9 222deg 318deg,#0000 318.25deg),conic-gradient(at 32% 50%,#0000 221.25deg,#00d2ff 222deg 318deg,#0000 318.25deg),conic-gradient(at 41% 50%,#0000 221.25deg,#753000 222deg 318deg,#0000 318.25deg),conic-gradient(at 50% 50%,#0000 221.25deg,#000 222deg 318deg,#0000 318.25deg),linear-gradient(red 0 16.66%,orange 0 33.33%,#ff0 0 50%,green 0 66.66%,#00f 0 83.33%,indigo 0)}.flag.intersex-inclusive{background:radial-gradient(circle at 9.75% 50%,#0000 6.66%,#9400d3 6.7% 8.33%,#0000 8.4%),conic-gradient(at 26.66% 50%,#0000 222.75deg,gold 0 317.25deg,#0000 0),conic-gradient(at 33% 50%,#0000 222.75deg,#fff 0 317.25deg,#0000 0),conic-gradient(at 39% 50%,#0000 222.75deg,#ffa6b9 0 317.25deg,#0000 0),conic-gradient(at 45.66% 50%,#0000 222.75deg,#00d2ff 0 317.25deg,#0000 0),conic-gradient(at 52% 50%,#0000 222.75deg,#753000 0 317.25deg,#0000 0),conic-gradient(at 58.33% 50%,#0000 222.75deg,#000 0 317.25deg,#0000 0),linear-gradient(red 0 16.66%,orange 0 33.33%,#ff0 0 50%,green 0 66.66%,#00f 0 83.33%,indigo 0)}.flag.new-pride{background:linear-gradient(to bottom right,#fff 10%,#ffa6b9 0 20%,#00d2ff 0 30%,#753000 0 40%,#000 0 50%,#0000 0),linear-gradient(red 16.66%,orange 0 33.33%,#ff0 0 50%,green 0 66.66%,#00f 0 83.33%,indigo 0)}.flag.social-justice{background:conic-gradient(at 12.5% 50%,#0000 228deg,#f9000c 0 312deg,#0000 0),conic-gradient(at 24% 50%,#0000 228deg,#1241a1 0 312deg,#0000 0),conic-gradient(at 35.5% 50%,#0000 228deg,#000 0 312deg,#0000 0),linear-gradient(red 16.66%,orange 0 33.33%,#ff0 0 50%,green 0 66.66%,#00f 0 83.33%,indigo 0)}.flag.transgender{background:linear-gradient(#00d2ff 20%,#ffa6b9 0 40%,#fff 0 60%,#ffa6b9 0 80%,#00d2ff 0)}.flag.ally-pride{background:repeating-linear-gradient(black 0 16.66%,#fff 0 33.33%)}.flag.ally-pride::before{content:"";width:100%;height:100%;display:block;background:linear-gradient(red 16.66%,orange 0 33.33%,#ff0 0 50%,green 0 66.66%,#00f 0 83.33%,indigo 0);clip-path:polygon(0 100%,50% 0,100% 100%,66.66% 100%,50% 66.66%,33.33% 100%)}.flag.intersex{background:radial-gradient(circle,gold 24.5%,#9400d3 25% 34%,gold 34.5%)}.flag.bisexual{background:linear-gradient(#f07 40%,#c49 0 60%,#03a 0)}.flag.demisexual{background:conic-gradient(at 35.5% 50%,#0000 228deg,#000 0 312deg,#0000 0),linear-gradient(white 42%,purple 0 58%,#d3d3d3 0)}.flag.demiromantic{background:conic-gradient(at 35.5% 50%,#0000 228deg,#000 0 312deg,#0000 0),linear-gradient(white 42%,#092 0 58%,#d3d3d3 0)}.flag.pansexual{background:linear-gradient(#f09 33.33%,gold 0 66.66%,#00bfff 0)}.flag.asexual{background:linear-gradient(black 25%,#a9a9a9 0 50%,#fff 0 75%,#a50089 0)}.flag.nonbinary{background:linear-gradient(yellow 25%,#fff 0 50%,#ba55d3 0 75%,#000 0)}.flag.labrys{position:relative;background:conic-gradient(from 330deg at 50% 100%,#000 60deg,#0000 0) 50% 50%/83% 83% no-repeat,#8b008b}.flag.labrys::before{content:"";position:absolute;width:35%;top:1.66%;left:50%;aspect-ratio:1;background:#fff;border-radius:50%;transform:translateX(-50%);-webkit-mask:radial-gradient(130% 215% at 50% 0%,#0000 35%,#000 0) 50% 0/100% 51% no-repeat,radial-gradient(130% 230% at 50% 100%,#0000 35%,#000 0) 50% 100%/100% 51% no-repeat;mask:radial-gradient(130% 215% at 50% 0%,#0000 35%,#000 0) 50% 0/100% 51% no-repeat,radial-gradient(130% 230% at 50% 100%,#0000 35%,#000 0) 50% 100%/100% 51% no-repeat}.flag.labrys::after{content:"";position:absolute;top:18%;left:50%;transform:translateX(-50%);width:4%;height:60%;background:#fff;border-radius:100%/5%;box-shadow:0 0 0 1px}.flag.polyamory{position:relative;background:linear-gradient(blue 33.33%,red 0 66.66%,#000 0)}.flag.polyamory::before{content:"π";color:#ff0;position:absolute;font-family:"Times New Roman",Times,serif;top:45%;left:50%;transform:translate(-50%,-50%);line-height:0;font-size:90px;font-weight:100}.flag.twink{position:relative;background:linear-gradient(-45deg,#0000 43%,#000 0 57%,#0000 0) 52.5% 39.25%/5% 5% no-repeat,linear-gradient(-45deg,#0000 43%,#000 0 57%,#0000 0) 58.5% 45.25%/5% 5% no-repeat,linear-gradient(#000 0 0) 52.75% 37.5%/3.5% 1.5% no-repeat,linear-gradient(#000 0 0) 58.75% 43.5%/3.5% 1.5% no-repeat,linear-gradient(#000 0 0) 54.1% 39%/1% 5% no-repeat,linear-gradient(#000 0 0) 59.75% 45.1%/1% 5% no-repeat,radial-gradient(circle at 47% 47%,#0000 7%,#000 0 8.5%,#0000 0),radial-gradient(circle at 53% 53%,#0000 7%,#000 0 8.5%,#0000 0),linear-gradient(#faf 33.33%,#fff 0 66.66%,#ff6 0)}.flag.genderfluid{background:linear-gradient(hotpink 20%,#fff 0 40%,#e0e 0 60%,#000 0 80%,#00f 0)}.flag.aromantic{background:linear-gradient(#0a2 20%,#7d6 0 40%,#fff 0 60%,#a9a9a9 0 80%,#000 0)}.flag.abrosexual{background:linear-gradient(#5c8 20%,#a7e6c8 0 40%,#fff 0 60%,#f390b7 0 80%,#eb306d 0)}.flag.graysexual{background:linear-gradient(darkmagenta 20%,#a9a9a9 0 40%,#fff 0 60%,#a9a9a9 0 80%,#8b008b 0)}.flag.hijra{background:linear-gradient(#ffc9e7 35%,#fff 0 45%,#d30000 0 55%,#fff 0 65%,#afe1fe 0)}.flag.genderqueer{background:linear-gradient(orchid 33.33%,#fff 0 66.66%,green 0)}.flag.polysexual{background:linear-gradient(#f0c 33.33%,#0d5 0 66.66%,#09f 0)}.flag.lesbian{background:linear-gradient(red 0 14.28%,#ff7000 0 28.57%,#f93 0 42.85%,#fff 0 57.14%,#f5a 0 71.42%,#f49 0 85.71%,#e06 0)}.flag.bear-brotherhood{background:linear-gradient(#730 0 14.28%,#f50 0 28.57%,#fd3 0 42.85%,#ffe7b1 0 57.14%,#fff 0 71.42%,#555 0 85.71%,#000 0)}.flag.trans-inclusive{background:linear-gradient(#00916e 0 14.28%,#00d2a9 0 28.57%,#7debbe 0 42.85%,#fff 0 57.14%,#6eaee7 0 71.42%,#5443d3 0 85.71%,#43117d 0)}.flag.agender{background:linear-gradient(black 0 14.28%,silver 0 28.57%,#fff 0 42.85%,#a3fa73 0 57.14%,#fff 0 71.42%,silver 0 85.71%,#000 0)}.flag.bigender{background:linear-gradient(#d074a2 0 14.28%,#f8a1cd 0 28.57%,#d9c6ea 0 42.85%,#fff 0 57.14%,#d9c6ea 0 71.42%,#90c8ec 0 85.71%,#6583d5 0)}.flag.metagender{background:linear-gradient(black 0 14.28%,#0f0 0 28.57%,#ff0 0 42.85%,#fff 0 57.14%,#ff0 0 71.42%,#0f0 0 85.71%,#000 0)}.flag.puppy{position:relative;background:linear-gradient(red 0 0) 50% 50%/37% 19% no-repeat,radial-gradient(red 20%,#0000 20.5%) 22.5% 36%/37% 50% no-repeat,radial-gradient(red 20%,#0000 20.5%) 22.5% 64%/37% 50% no-repeat,radial-gradient(red 20%,#0000 20.5%) 77.5% 36%/37% 50% no-repeat,radial-gradient(red 20%,#0000 20.5%) 77.5% 64%/37% 50% no-repeat,linear-gradient(31.75deg,#000 10.5%,#00008b 0 21%,#000 0 31.5%,#00008b 0 42%,#fff 0 58%,#00008b 0 68.5%,#0000 0),linear-gradient(31.75deg,#0000 68.5%,#000 0 79%,#00008b 0 89.5%,#000 0)}.flag.leather{position:relative;background:linear-gradient(#fff 0 0) 50% 50%/100% 11.11% no-repeat,repeating-linear-gradient(black 0 11.11%,#282388 0 22.22%)}.flag.leather::after{content:"";top:1.5%;left:8.5%;position:absolute;width:26.5%;height:40%;background:radial-gradient(circle at 66.66% 33.33%,red 29.5%,#0000 30%),radial-gradient(circle at 33.33% 66.66%,red 29.5%,#0000 30%),linear-gradient(-45deg,red 50%,#0000 0);border-radius:0 45%;transform-origin:bottom right;transform:rotate(1deg)}.flag.rubber{--bg:linear-gradient(black 18.5%, red 0 23%, gold 0 37.75%, red 0 42%, black 0 57%, red 0 61.25%, black 0) no-repeat;position:relative;background:var(--bg),#000;overflow:hidden;background-size:55% 100%}.flag.rubber::after{content:"";position:absolute;top:28%;left:30%;width:100%;height:100%;transform:rotate(-27deg);clip-path:polygon(57% 0,100% 0,100% 100%,1% 100%);background:var(--bg);background-size:100% 100%}.flag.rubber::before{content:"";position:absolute;top:18%;left:0;width:100%;height:100%;transform:rotate(55.5deg);clip-path:polygon(19% 0,100% 0,100% 100%,53% 100%);background:var(--bg);background-size:100% 100%}.flag.pride-of-africa{background:radial-gradient(farthest-side at 0 50%,#e80000 99.9999%,#0000 0) 9% 0/8.4% 25%,linear-gradient(#fa4aa7 0 0) 0 0/8.3333% 25%,linear-gradient(90deg,#e80000 50%,#ffc621 0) 0 0/16.6666% 50%,radial-gradient(farthest-side at 0 50%,#ff9a0b 99.9999%,#0000 0) 27.3333% 0/8.3333% 25%,linear-gradient(#fd4603 0 0) 0 0/25.3333% 25%,linear-gradient(45deg,#fd4603 50%,#fbe10c 0) 0 0/33.3333% 50%,conic-gradient(at 50% 0,#0000 37.5%,#038b2a 0 62.5%,#0000 0) 40.6666% 4%/12% 9%,conic-gradient(at 50% 100%,#038b2a 12.5%,#0000 0 87.5%,#038b2a 0) 40.6666% 13.6666%/12% 9%,linear-gradient(#ffc621 0 0) 0 0/50% 25%,linear-gradient(90deg,#ff9a0b 75%,#038b2a 0 91.6666%,#ff9a0b 0) 0 0/50% 50%,radial-gradient(farthest-side,#f94ca8 55%,#e80000 0 99.9999%,#15b1da 0) 50% 0/33.3333% 50%,conic-gradient(#0000 243.5deg,#6c38c6 0 296.5deg,#0000 0) 100% 0/33.3333% 50%,linear-gradient(#6c38c6 25%,#f94ca8 0 75%,#6c38c6 0) 0 0/83.3333% 50%,radial-gradient(farthest-side,#ff7002 50%,#ffc310 0 99.9999%,#01b92f 0) 100% 0/16.6666% 25%,linear-gradient(90deg,#e80000 50%,#0000 0) 100% 0/16.6666% 50%,repeating-linear-gradient(#f94ca8 0 12.5%,#ffc310 0 25%) 100% 0/16.6666% 50%,conic-gradient(#f94ca8 166deg,#2e73ec 0 194deg,#f94ca8 0) 0 100%/16.6666% 100%,linear-gradient(90deg,#6c38c6 75%,#0000 0) 0 100%/33.3333% 50%,linear-gradient(#7c62e1 12.5%,#ff9a0b 0 25%,#7c62e1 0 37.5%,#ff9a0b 0 50%,#ffc621 0) 0 100%/33.3333% 50%,radial-gradient(farthest-side at 0 50%,#f94ca8 99.9999%,#05acd9 0) 45.5555% 66.6666%/8.3333% 25%,linear-gradient(#e80000 75%,#0000 0) 0 100%/41.75% 100%,linear-gradient(225deg,#05acd9 50%,#e80000 0) 0 100%/50% 75%,conic-gradient(#0ab730 166deg,#6c38c6 0 194deg,#0ab730 0) 100% 100%/16.6666% 100%,radial-gradient(farthest-side,#f94ca8 55%,#ffc621 0 99.9999%,#038b2a 0) 100% 100%/33.3333% 50%,conic-gradient(at 50% 0,#0000 160deg,#2e73ec 0 200deg,#0000 0) 59.1666% 60%/10% 10%,conic-gradient(at 0 0,#2e73ec 120deg,#0000 0) 56.6666% 66.6666%/7% 10%,conic-gradient(at 100% 0,#0000 240deg,#2e73ec 0) 61% 66.6666%/7% 10%,conic-gradient(at 0 100%,#0000 25deg,#2e73ec 0 55deg,#0000 0) 57.5% 66.6666%/6% 9%,conic-gradient(at 100% 100%,#0000 305deg,#2e73ec 0 335deg,#0000 0) 60% 66.6666%/6% 9%,linear-gradient(#ffc621 75%,#0000 0),linear-gradient(90deg,#fbe10c 54.1666%,#2e73ec 0 62.5%,#fbe10c 0);background-repeat:no-repeat}.flag.androgyne{background:linear-gradient(90deg,#f07 33.3%,#a0f 0 66.6%,#0be 0)}.flag.drag{--c:#f69ce4;background:radial-gradient(circle at 50% 58.5%,#fff .75%,#0000 0),radial-gradient(circle at 51.5% 58.6%,#fff .75%,#0000 0),radial-gradient(circle at 52.85% 58.75%,#fff .75%,#0000 0),radial-gradient(circle at 54.2% 59.1%,#fff .75%,#0000 0),radial-gradient(circle at 55.6% 59.6%,#fff .75%,#0000 0),radial-gradient(circle at 48.5% 58.6%,#fff .75%,#0000 0),radial-gradient(circle at 47.15% 58.75%,#fff .75%,#0000 0),radial-gradient(circle at 45.8% 59.1%,#fff .75%,#0000 0),radial-gradient(circle at 44.4% 59.6%,#fff .75%,#0000 0),radial-gradient(circle at 50% 37.5%,var(--c) 1%,#0000 0),radial-gradient(circle at 56.25% 45.75%,var(--c) 1%,#0000 0),radial-gradient(circle at 43.75% 45.75%,var(--c) 1%,#0000 0),radial-gradient(circle at 63% 43.5%,var(--c) 1%,#0000 0),radial-gradient(circle at 37% 43.25%,var(--c) 1%,#0000 0),linear-gradient(90deg,#c35cff 33%,#0000 0 67%,#4561ff 0),radial-gradient(25% 20% at 50% 71%,#fff 50%,#0000 50.5%),conic-gradient(at 50% 0,#0000 165deg,var(--c) 0 195deg,#0000 0) 50% 51.5%/10% 24% no-repeat,conic-gradient(at 0 35%,#0000 133deg,var(--c) 0 175deg,#0000 0) 49.25% 51.5%/10% 24% no-repeat,conic-gradient(at 100% 35%,#0000 185deg,var(--c) 0 227deg,#0000 0) 50.75% 51.5%/10% 24% no-repeat,radial-gradient(100% 140% at 115% 77%,#fff 54%,#0000 0) 57.75% 58.25%/10% 24% no-repeat,radial-gradient(220% 145% at 135% 73%,var(--c) 50%,#0000 0) 57.5% 58.25%/10% 24% no-repeat,radial-gradient(100% 140% at -15% 77%,#fff 54%,#0000 0) 42.25% 58.5%/10% 24% no-repeat,radial-gradient(220% 145% at -35% 73%,var(--c) 50%,#0000 0) 42.5% 58.5%/10% 24% no-repeat,#fff} /*# sourceMappingURL=pride-flags.min.css.map */ \ No newline at end of file diff --git a/dist/pride-flags.min.css.map b/dist/pride-flags.min.css.map index 3828517..859137a 100644 --- a/dist/pride-flags.min.css.map +++ b/dist/pride-flags.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["dist/pride-flags.css"],"names":[],"mappings":"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","sourcesContent":["@charset \"UTF-8\";\n.flag {\n display: inline-block;\n width: 300px;\n aspect-ratio: 14 / 9;\n}\n\n.flag.icon {\n width: 3em;\n}\n\n.flag.icon.large {\n width: 4em;\n}\n\n.flag.pink-triangle {\n background: conic-gradient(from 331deg at 50% 100%, #f7a 58deg, #0000 0) 50% 50%/55% 73% no-repeat, black;\n}\n\n.flag.gilbert-baker {\n background: linear-gradient(hotpink 12.5%, red 0 25%, orange 0 37.5%, yellow 0 50%, green 0 62.5%, darkturquoise 0 75%, blue 0 87.5%, indigo 0);\n}\n\n.flag.pride-1978 {\n background: linear-gradient(red 0 14.28%, orange 0 28.57%, yellow 0 42.85%, green 0 57.14%, darkturquoise 0 71.42%, blue 0 85.71%, indigo 0);\n}\n\n.flag.traditional {\n background: linear-gradient(red 16.66%, orange 0 33.33%, yellow 0 50%, green 0 66.66%, blue 0 83.33%, indigo 0);\n}\n\n.flag.philadelphia {\n background: linear-gradient(black 12.5%, saddlebrown 0 25%, red 0 37.5%, orange 0 50%, yellow 0 62.5%, green 0 75%, blue 0 87.5%, indigo 0);\n}\n\n.flag.progress {\n background: conic-gradient(at 14% 50%, #0000 221.25deg, white 222deg 318deg, #0000 318.25deg), conic-gradient(at 23% 50%, #0000 221.25deg, #ffa6b9 222deg 318deg, #0000 318.25deg), conic-gradient(at 32% 50%, #0000 221.25deg, #00d2ff 222deg 318deg, #0000 318.25deg), conic-gradient(at 41% 50%, #0000 221.25deg, #753000 222deg 318deg, #0000 318.25deg), conic-gradient(at 50% 50%, #0000 221.25deg, black 222deg 318deg, #0000 318.25deg), linear-gradient(red 0 16.66%, orange 0 33.33%, yellow 0 50%, green 0 66.66%, blue 0 83.33%, indigo 0);\n}\n\n.flag.intersex-inclusive {\n background: radial-gradient(circle at 9.75% 50%, #0000 6.66%, darkviolet 6.7% 8.33%, #0000 8.4%), conic-gradient(at 26.66% 50%, #0000 222.75deg, gold 0 317.25deg, #0000 0), conic-gradient(at 33% 50%, #0000 222.75deg, white 0 317.25deg, #0000 0), conic-gradient(at 39% 50%, #0000 222.75deg, #ffa6b9 0 317.25deg, #0000 0), conic-gradient(at 45.66% 50%, #0000 222.75deg, #00d2ff 0 317.25deg, #0000 0), conic-gradient(at 52% 50%, #0000 222.75deg, #753000 0 317.25deg, #0000 0), conic-gradient(at 58.33% 50%, #0000 222.75deg, #000 0 317.25deg, #0000 0), linear-gradient(red 0 16.66%, orange 0 33.33%, yellow 0 50%, green 0 66.66%, blue 0 83.33%, indigo 0);\n}\n\n.flag.new-pride {\n background: linear-gradient(to bottom right, white 10%, #ffa6b9 0 20%, #00d2ff 0 30%, #753000 0 40%, black 0 50%, #0000 0), linear-gradient(red 16.66%, orange 0 33.33%, yellow 0 50%, green 0 66.66%, blue 0 83.33%, indigo 0);\n}\n\n.flag.social-justice {\n background: conic-gradient(at 12.5% 50%, #0000 228deg, #f9000c 0 312deg, #0000 0), conic-gradient(at 24% 50%, #0000 228deg, #1241a1 0 312deg, #0000 0), conic-gradient(at 35.5% 50%, #0000 228deg, black 0 312deg, #0000 0), linear-gradient(red 16.66%, orange 0 33.33%, yellow 0 50%, green 0 66.66%, blue 0 83.33%, indigo 0);\n}\n\n.flag.transgender {\n background: linear-gradient(#00d2ff 20%, #ffa6b9 0 40%, white 0 60%, #ffa6b9 0 80%, #00d2ff 0);\n}\n\n.flag.ally-pride {\n background: repeating-linear-gradient(black 0 16.66%, white 0 33.33%);\n}\n\n.flag.ally-pride::before {\n content: \"\";\n width: 100%;\n height: 100%;\n display: block;\n background: linear-gradient(red 16.66%, orange 0 33.33%, yellow 0 50%, green 0 66.66%, blue 0 83.33%, indigo 0);\n clip-path: polygon(0 100%, 50% 0, 100% 100%, 66.66% 100%, 50% 66.66%, 33.33% 100%);\n}\n\n.flag.intersex {\n background: radial-gradient(circle, gold 24.5%, darkviolet 25% 34%, gold 34.5%);\n}\n\n.flag.bisexual {\n background: linear-gradient(#f07 40%, #c49 0 60%, #03a 0);\n}\n\n.flag.demisexual {\n background: conic-gradient(at 35.5% 50%, #0000 228deg, black 0 312deg, #0000 0), linear-gradient(white 42%, purple 0 58%, lightgray 0);\n}\n\n.flag.demiromantic {\n background: conic-gradient(at 35.5% 50%, #0000 228deg, black 0 312deg, #0000 0), linear-gradient(white 42%, #092 0 58%, lightgray 0);\n}\n\n.flag.pansexual {\n background: linear-gradient(#f09 33.33%, gold 0 66.66%, deepskyblue 0);\n}\n\n.flag.asexual {\n background: linear-gradient(black 25%, darkgray 0 50%, white 0 75%, #a50089 0);\n}\n\n.flag.nonbinary {\n background: linear-gradient(yellow 25%, white 0 50%, mediumorchid 0 75%, black 0);\n}\n\n.flag.labrys {\n position: relative;\n background: conic-gradient(from 330deg at 50% 100%, black 60deg, #0000 0) 50% 50%/83% 83% no-repeat, darkmagenta;\n}\n\n.flag.labrys::before {\n content: \"\";\n position: absolute;\n width: 35%;\n top: 1.66%;\n left: 50%;\n aspect-ratio: 1;\n background: white;\n border-radius: 50%;\n transform: translateX(-50%);\n -webkit-mask: radial-gradient(130% 215% at 50% 0%, #0000 35%, #000 0) 50% 0/100% 51% no-repeat, radial-gradient(130% 230% at 50% 100%, #0000 35%, #000 0) 50% 100%/100% 51% no-repeat;\n mask: radial-gradient(130% 215% at 50% 0%, #0000 35%, #000 0) 50% 0/100% 51% no-repeat, radial-gradient(130% 230% at 50% 100%, #0000 35%, #000 0) 50% 100%/100% 51% no-repeat;\n}\n\n.flag.labrys::after {\n content: \"\";\n position: absolute;\n top: 18%;\n left: 50%;\n transform: translateX(-50%);\n width: 4%;\n height: 60%;\n background: white;\n border-radius: 100% / 5%;\n box-shadow: 0 0 0 1px;\n}\n\n.flag.polyamory {\n position: relative;\n background: linear-gradient(blue 33.33%, red 0 66.66%, black 0);\n}\n\n.flag.polyamory::before {\n content: \"π\";\n color: yellow;\n position: absolute;\n font-family: \"Times New Roman\", \"Times\", serif;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%);\n line-height: 0;\n font-size: 90px;\n font-weight: 100;\n}\n\n.flag.twink {\n position: relative;\n background: linear-gradient(-45deg, #0000 43%, #000 0 57%, #0000 0) 52.5% 39.25%/5% 5% no-repeat, linear-gradient(-45deg, #0000 43%, #000 0 57%, #0000 0) 58.5% 45.25%/5% 5% no-repeat, linear-gradient(#000 0 0) 52.75% 37.5%/3.5% 1.5% no-repeat, linear-gradient(#000 0 0) 58.75% 43.5%/3.5% 1.5% no-repeat, linear-gradient(#000 0 0) 54.1% 39%/1% 5% no-repeat, linear-gradient(#000 0 0) 59.75% 45.1%/1% 5% no-repeat, radial-gradient(circle at 47% 47%, #0000 7%, #000 0 8.5%, #0000 0), radial-gradient(circle at 53% 53%, #0000 7%, #000 0 8.5%, #0000 0), linear-gradient(#faf 33.33%, white 0 66.66%, #ff6 0);\n}\n\n.flag.genderfluid {\n background: linear-gradient(hotpink 20%, white 0 40%, #e0e 0 60%, black 0 80%, blue 0);\n}\n\n.flag.aromantic {\n background: linear-gradient(#0a2 20%, #7d6 0 40%, white 0 60%, darkgray 0 80%, black 0);\n}\n\n.flag.abrosexual {\n background: linear-gradient(#5c8 20%, #a7e6c8 0 40%, white 0 60%, #f390b7 0 80%, #eb306d 0);\n}\n\n.flag.graysexual {\n background: linear-gradient(darkmagenta 20%, darkgray 0 40%, white 0 60%, darkgray 0 80%, darkmagenta 0);\n}\n\n.flag.hijra {\n background: linear-gradient(#ffc9e7 35%, white 0 45%, #d30000 0 55%, white 0 65%, #afe1fe 0);\n}\n\n.flag.genderqueer {\n background: linear-gradient(orchid 33.33%, white 0 66.66%, green 0);\n}\n\n.flag.polysexual {\n background: linear-gradient(#f0c 33.33%, #0d5 0 66.66%, #09f 0);\n}\n\n.flag.lesbian {\n background: linear-gradient(red 0 14.28%, #ff7000 0 28.57%, #f93 0 42.85%, white 0 57.14%, #f5a 0 71.42%, #f49 0 85.71%, #e06 0);\n}\n\n.flag.bear-brotherhood {\n background: linear-gradient(#730 0 14.28%, #f50 0 28.57%, #fd3 0 42.85%, #ffe7b1 0 57.14%, white 0 71.42%, #555 0 85.71%, black 0);\n}\n\n.flag.trans-inclusive {\n background: linear-gradient(#00916e 0 14.28%, #00d2a9 0 28.57%, #7debbe 0 42.85%, white 0 57.14%, #6eaee7 0 71.42%, #5443d3 0 85.71%, #43117d 0);\n}\n\n.flag.agender {\n background: linear-gradient(black 0 14.28%, silver 0 28.57%, white 0 42.85%, #a3fa73 0 57.14%, white 0 71.42%, silver 0 85.71%, black 0);\n}\n\n.flag.bigender {\n background: linear-gradient(#d074a2 0 14.28%, #f8a1cd 0 28.57%, #d9c6ea 0 42.85%, white 0 57.14%, #d9c6ea 0 71.42%, #90c8ec 0 85.71%, #6583d5 0);\n}\n\n.flag.metagender {\n background: linear-gradient(black 0 14.28%, lime 0 28.57%, yellow 0 42.85%, white 0 57.14%, yellow 0 71.42%, lime 0 85.71%, black 0);\n}\n\n.flag.puppy {\n position: relative;\n background: linear-gradient(red 0 0) 50% 50%/37% 19% no-repeat, radial-gradient(red 20%, #0000 20.5%) 22.5% 36%/37% 50% no-repeat, radial-gradient(red 20%, #0000 20.5%) 22.5% 64%/37% 50% no-repeat, radial-gradient(red 20%, #0000 20.5%) 77.5% 36%/37% 50% no-repeat, radial-gradient(red 20%, #0000 20.5%) 77.5% 64%/37% 50% no-repeat, linear-gradient(31.75deg, black 10.5%, darkblue 0 21%, black 0 31.5%, darkblue 0 42%, white 0 58%, darkblue 0 68.5%, #0000 0), linear-gradient(31.75deg, #0000 68.5%, black 0 79%, darkblue 0 89.5%, black 0);\n}\n\n.flag.leather {\n position: relative;\n background: linear-gradient(#fff 0 0) 50% 50%/100% 11.11% no-repeat, repeating-linear-gradient(black 0 11.11%, #282388 0 22.22%);\n}\n\n.flag.leather::after {\n content: \"\";\n top: 1.5%;\n left: 8.5%;\n position: absolute;\n width: 26.5%;\n height: 40%;\n background: radial-gradient(circle at 66.66% 33.33%, red 29.5%, #0000 30%), radial-gradient(circle at 33.33% 66.66%, red 29.5%, #0000 30%), linear-gradient(-45deg, red 50%, #0000 0);\n border-radius: 0 45%;\n transform-origin: bottom right;\n transform: rotate(1deg);\n}\n\n.flag.rubber {\n --bg: linear-gradient(black 18.5%, red 0 23%, gold 0 37.75%, red 0 42%, black 0 57%, red 0 61.25%, black 0) no-repeat;\n position: relative;\n background: var(--bg), #000;\n overflow: hidden;\n background-size: 55% 100%;\n}\n\n.flag.rubber::after {\n content: \"\";\n position: absolute;\n top: 28%;\n left: 30%;\n width: 100%;\n height: 100%;\n transform: rotate(-27deg);\n clip-path: polygon(57% 0, 100% 0, 100% 100%, 1% 100%);\n background: var(--bg);\n background-size: 100% 100%;\n}\n\n.flag.rubber::before {\n content: \"\";\n position: absolute;\n top: 18%;\n left: 0%;\n width: 100%;\n height: 100%;\n transform: rotate(55.5deg);\n clip-path: polygon(19% 0, 100% 0, 100% 100%, 53% 100%);\n background: var(--bg);\n background-size: 100% 100%;\n}\n\n.flag.pride-of-africa {\n background: radial-gradient(farthest-side at 0 50%, #e80000 99.9999%, #0000 0) 9% 0/8.4% 25%, linear-gradient(#fa4aa7 0 0) 0 0/8.3333% 25%, linear-gradient(90deg, #e80000 50%, #ffc621 0) 0 0/16.6666% 50%, radial-gradient(farthest-side at 0 50%, #ff9a0b 99.9999%, #0000 0) 27.3333% 0/8.3333% 25%, linear-gradient(#fd4603 0 0) 0 0/25.3333% 25%, linear-gradient(45deg, #fd4603 50%, #fbe10c 0) 0 0/33.3333% 50%, conic-gradient(at 50% 0, #0000 37.5%, #038b2a 0 62.5%, #0000 0) 40.6666% 4%/12% 9%, conic-gradient(at 50% 100%, #038b2a 12.5%, #0000 0 87.5%, #038b2a 0) 40.6666% 13.6666%/12% 9%, linear-gradient(#ffc621 0 0) 0 0/50% 25%, linear-gradient(90deg, #ff9a0b 75%, #038b2a 0 91.6666%, #ff9a0b 0) 0 0/50% 50%, radial-gradient(farthest-side, #f94ca8 55%, #e80000 0 99.9999%, #15b1da 0) 50% 0/33.3333% 50%, conic-gradient(#0000 243.5deg, #6c38c6 0 296.5deg, #0000 0) 100% 0/33.3333% 50%, linear-gradient(#6c38c6 25%, #f94ca8 0 75%, #6c38c6 0) 0 0/83.3333% 50%, radial-gradient(farthest-side, #ff7002 50%, #ffc310 0 99.9999%, #01b92f 0) 100% 0/16.6666% 25%, linear-gradient(90deg, #e80000 50%, #0000 0) 100% 0/16.6666% 50%, repeating-linear-gradient(#f94ca8 0 12.5%, #ffc310 0 25%) 100% 0/16.6666% 50%, conic-gradient(#f94ca8 166deg, #2e73ec 0 194deg, #f94ca8 0) 0 100%/16.6666% 100%, linear-gradient(90deg, #6c38c6 75%, #0000 0) 0 100%/33.3333% 50%, linear-gradient(#7c62e1 12.5%, #ff9a0b 0 25%, #7c62e1 0 37.5%, #ff9a0b 0 50%, #ffc621 0) 0 100%/33.3333% 50%, radial-gradient(farthest-side at 0 50%, #f94ca8 99.9999%, #05acd9 0) 45.5555% 66.6666%/8.3333% 25%, linear-gradient(#e80000 75%, #0000 0) 0 100%/41.75% 100%, linear-gradient(225deg, #05acd9 50%, #e80000 0) 0 100%/50% 75%, conic-gradient(#0ab730 166deg, #6c38c6 0 194deg, #0ab730 0) 100% 100%/16.6666% 100%, radial-gradient(farthest-side, #f94ca8 55%, #ffc621 0 99.9999%, #038b2a 0) 100% 100%/33.3333% 50%, conic-gradient(at 50% 0, #0000 160deg, #2e73ec 0 200deg, #0000 0) 59.1666% 60%/10% 10%, conic-gradient(at 0 0, #2e73ec 120deg, #0000 0) 56.6666% 66.6666%/7% 10%, conic-gradient(at 100% 0, #0000 240deg, #2e73ec 0) 61% 66.6666%/7% 10%, conic-gradient(at 0 100%, #0000 25deg, #2e73ec 0 55deg, #0000 0) 57.5% 66.6666%/6% 9%, conic-gradient(at 100% 100%, #0000 305deg, #2e73ec 0 335deg, #0000 0) 60% 66.6666%/6% 9%, linear-gradient(#ffc621 75%, #0000 0), linear-gradient(90deg, #fbe10c 54.1666%, #2e73ec 0 62.5%, #fbe10c 0);\n background-repeat: no-repeat;\n}\n\n.flag.androgyne {\n background: linear-gradient(90deg, #f07 33.3%, #a0f 0 66.6%, #0be 0);\n}\n\n.flag.drag {\n --c: #f69ce4;\n background: radial-gradient(circle at 50% 58.5%, #fff 0.75%, #0000 0), radial-gradient(circle at 51.5% 58.6%, #fff 0.75%, #0000 0), radial-gradient(circle at 52.85% 58.75%, #fff 0.75%, #0000 0), radial-gradient(circle at 54.2% 59.1%, #fff 0.75%, #0000 0), radial-gradient(circle at 55.6% 59.6%, #fff 0.75%, #0000 0), radial-gradient(circle at 48.5% 58.6%, #fff 0.75%, #0000 0), radial-gradient(circle at 47.15% 58.75%, #fff 0.75%, #0000 0), radial-gradient(circle at 45.8% 59.1%, #fff 0.75%, #0000 0), radial-gradient(circle at 44.4% 59.6%, #fff 0.75%, #0000 0), radial-gradient(circle at 50% 37.5%, var(--c) 1%, #0000 0), radial-gradient(circle at 56.25% 45.75%, var(--c) 1%, #0000 0), radial-gradient(circle at 43.75% 45.75%, var(--c) 1%, #0000 0), radial-gradient(circle at 63% 43.5%, var(--c) 1%, #0000 0), radial-gradient(circle at 37% 43.25%, var(--c) 1%, #0000 0), linear-gradient(90deg, #c35cff 33%, #0000 0 67%, #4561ff 0), radial-gradient(25% 20% at 50% 71%, #fff 50%, #0000 50.5%), conic-gradient(at 50% 0, #0000 165deg, var(--c) 0 195deg, #0000 0) 50% 51.5%/10% 24% no-repeat, conic-gradient(at 0 35%, #0000 133deg, var(--c) 0 175deg, #0000 0) 49.25% 51.5%/10% 24% no-repeat, conic-gradient(at 100% 35%, #0000 185deg, var(--c) 0 227deg, #0000 0) 50.75% 51.5%/10% 24% no-repeat, radial-gradient(100% 140% at 115% 77%, #fff 54%, #0000 0) 57.75% 58.25%/10% 24% no-repeat, radial-gradient(220% 145% at 135% 73%, var(--c) 50%, #0000 0) 57.5% 58.25%/10% 24% no-repeat, radial-gradient(100% 140% at -15% 77%, #fff 54%, #0000 0) 42.25% 58.5%/10% 24% no-repeat, radial-gradient(220% 145% at -35% 73%, var(--c) 50%, #0000 0) 42.5% 58.5%/10% 24% no-repeat, #fff;\n}\n\n/*# sourceMappingURL=pride-flags.css.map */"]} \ No newline at end of file +{"version":3,"sources":["dist/pride-flags.css"],"names":[],"mappings":"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","sourcesContent":["@charset \"UTF-8\";\n.flag {\n display: inline-block;\n width: 300px;\n aspect-ratio: 14 / 9;\n}\n\n.flag.icon {\n width: 3em;\n}\n\n.flag.icon.large {\n width: 4em;\n}\n\n.flag.icon.small {\n width: 2em;\n}\n\n.flag.pink-triangle {\n background: conic-gradient(from 331deg at 50% 100%, #f7a 58deg, #0000 0) 50% 50%/55% 73% no-repeat, black;\n}\n\n.flag.gilbert-baker {\n background: linear-gradient(hotpink 12.5%, red 0 25%, orange 0 37.5%, yellow 0 50%, green 0 62.5%, darkturquoise 0 75%, blue 0 87.5%, indigo 0);\n}\n\n.flag.pride-1978 {\n background: linear-gradient(red 0 14.28%, orange 0 28.57%, yellow 0 42.85%, green 0 57.14%, darkturquoise 0 71.42%, blue 0 85.71%, indigo 0);\n}\n\n.flag.traditional {\n background: linear-gradient(red 16.66%, orange 0 33.33%, yellow 0 50%, green 0 66.66%, blue 0 83.33%, indigo 0);\n}\n\n.flag.philadelphia {\n background: linear-gradient(black 12.5%, saddlebrown 0 25%, red 0 37.5%, orange 0 50%, yellow 0 62.5%, green 0 75%, blue 0 87.5%, indigo 0);\n}\n\n.flag.progress {\n background: conic-gradient(at 14% 50%, #0000 221.25deg, white 222deg 318deg, #0000 318.25deg), conic-gradient(at 23% 50%, #0000 221.25deg, #ffa6b9 222deg 318deg, #0000 318.25deg), conic-gradient(at 32% 50%, #0000 221.25deg, #00d2ff 222deg 318deg, #0000 318.25deg), conic-gradient(at 41% 50%, #0000 221.25deg, #753000 222deg 318deg, #0000 318.25deg), conic-gradient(at 50% 50%, #0000 221.25deg, black 222deg 318deg, #0000 318.25deg), linear-gradient(red 0 16.66%, orange 0 33.33%, yellow 0 50%, green 0 66.66%, blue 0 83.33%, indigo 0);\n}\n\n.flag.intersex-inclusive {\n background: radial-gradient(circle at 9.75% 50%, #0000 6.66%, darkviolet 6.7% 8.33%, #0000 8.4%), conic-gradient(at 26.66% 50%, #0000 222.75deg, gold 0 317.25deg, #0000 0), conic-gradient(at 33% 50%, #0000 222.75deg, white 0 317.25deg, #0000 0), conic-gradient(at 39% 50%, #0000 222.75deg, #ffa6b9 0 317.25deg, #0000 0), conic-gradient(at 45.66% 50%, #0000 222.75deg, #00d2ff 0 317.25deg, #0000 0), conic-gradient(at 52% 50%, #0000 222.75deg, #753000 0 317.25deg, #0000 0), conic-gradient(at 58.33% 50%, #0000 222.75deg, #000 0 317.25deg, #0000 0), linear-gradient(red 0 16.66%, orange 0 33.33%, yellow 0 50%, green 0 66.66%, blue 0 83.33%, indigo 0);\n}\n\n.flag.new-pride {\n background: linear-gradient(to bottom right, white 10%, #ffa6b9 0 20%, #00d2ff 0 30%, #753000 0 40%, black 0 50%, #0000 0), linear-gradient(red 16.66%, orange 0 33.33%, yellow 0 50%, green 0 66.66%, blue 0 83.33%, indigo 0);\n}\n\n.flag.social-justice {\n background: conic-gradient(at 12.5% 50%, #0000 228deg, #f9000c 0 312deg, #0000 0), conic-gradient(at 24% 50%, #0000 228deg, #1241a1 0 312deg, #0000 0), conic-gradient(at 35.5% 50%, #0000 228deg, black 0 312deg, #0000 0), linear-gradient(red 16.66%, orange 0 33.33%, yellow 0 50%, green 0 66.66%, blue 0 83.33%, indigo 0);\n}\n\n.flag.transgender {\n background: linear-gradient(#00d2ff 20%, #ffa6b9 0 40%, white 0 60%, #ffa6b9 0 80%, #00d2ff 0);\n}\n\n.flag.ally-pride {\n background: repeating-linear-gradient(black 0 16.66%, white 0 33.33%);\n}\n\n.flag.ally-pride::before {\n content: \"\";\n width: 100%;\n height: 100%;\n display: block;\n background: linear-gradient(red 16.66%, orange 0 33.33%, yellow 0 50%, green 0 66.66%, blue 0 83.33%, indigo 0);\n clip-path: polygon(0 100%, 50% 0, 100% 100%, 66.66% 100%, 50% 66.66%, 33.33% 100%);\n}\n\n.flag.intersex {\n background: radial-gradient(circle, gold 24.5%, darkviolet 25% 34%, gold 34.5%);\n}\n\n.flag.bisexual {\n background: linear-gradient(#f07 40%, #c49 0 60%, #03a 0);\n}\n\n.flag.demisexual {\n background: conic-gradient(at 35.5% 50%, #0000 228deg, black 0 312deg, #0000 0), linear-gradient(white 42%, purple 0 58%, lightgray 0);\n}\n\n.flag.demiromantic {\n background: conic-gradient(at 35.5% 50%, #0000 228deg, black 0 312deg, #0000 0), linear-gradient(white 42%, #092 0 58%, lightgray 0);\n}\n\n.flag.pansexual {\n background: linear-gradient(#f09 33.33%, gold 0 66.66%, deepskyblue 0);\n}\n\n.flag.asexual {\n background: linear-gradient(black 25%, darkgray 0 50%, white 0 75%, #a50089 0);\n}\n\n.flag.nonbinary {\n background: linear-gradient(yellow 25%, white 0 50%, mediumorchid 0 75%, black 0);\n}\n\n.flag.labrys {\n position: relative;\n background: conic-gradient(from 330deg at 50% 100%, black 60deg, #0000 0) 50% 50%/83% 83% no-repeat, darkmagenta;\n}\n\n.flag.labrys::before {\n content: \"\";\n position: absolute;\n width: 35%;\n top: 1.66%;\n left: 50%;\n aspect-ratio: 1;\n background: white;\n border-radius: 50%;\n transform: translateX(-50%);\n -webkit-mask: radial-gradient(130% 215% at 50% 0%, #0000 35%, #000 0) 50% 0/100% 51% no-repeat, radial-gradient(130% 230% at 50% 100%, #0000 35%, #000 0) 50% 100%/100% 51% no-repeat;\n mask: radial-gradient(130% 215% at 50% 0%, #0000 35%, #000 0) 50% 0/100% 51% no-repeat, radial-gradient(130% 230% at 50% 100%, #0000 35%, #000 0) 50% 100%/100% 51% no-repeat;\n}\n\n.flag.labrys::after {\n content: \"\";\n position: absolute;\n top: 18%;\n left: 50%;\n transform: translateX(-50%);\n width: 4%;\n height: 60%;\n background: white;\n border-radius: 100% / 5%;\n box-shadow: 0 0 0 1px;\n}\n\n.flag.polyamory {\n position: relative;\n background: linear-gradient(blue 33.33%, red 0 66.66%, black 0);\n}\n\n.flag.polyamory::before {\n content: \"π\";\n color: yellow;\n position: absolute;\n font-family: \"Times New Roman\", \"Times\", serif;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%);\n line-height: 0;\n font-size: 90px;\n font-weight: 100;\n}\n\n.flag.twink {\n position: relative;\n background: linear-gradient(-45deg, #0000 43%, #000 0 57%, #0000 0) 52.5% 39.25%/5% 5% no-repeat, linear-gradient(-45deg, #0000 43%, #000 0 57%, #0000 0) 58.5% 45.25%/5% 5% no-repeat, linear-gradient(#000 0 0) 52.75% 37.5%/3.5% 1.5% no-repeat, linear-gradient(#000 0 0) 58.75% 43.5%/3.5% 1.5% no-repeat, linear-gradient(#000 0 0) 54.1% 39%/1% 5% no-repeat, linear-gradient(#000 0 0) 59.75% 45.1%/1% 5% no-repeat, radial-gradient(circle at 47% 47%, #0000 7%, #000 0 8.5%, #0000 0), radial-gradient(circle at 53% 53%, #0000 7%, #000 0 8.5%, #0000 0), linear-gradient(#faf 33.33%, white 0 66.66%, #ff6 0);\n}\n\n.flag.genderfluid {\n background: linear-gradient(hotpink 20%, white 0 40%, #e0e 0 60%, black 0 80%, blue 0);\n}\n\n.flag.aromantic {\n background: linear-gradient(#0a2 20%, #7d6 0 40%, white 0 60%, darkgray 0 80%, black 0);\n}\n\n.flag.abrosexual {\n background: linear-gradient(#5c8 20%, #a7e6c8 0 40%, white 0 60%, #f390b7 0 80%, #eb306d 0);\n}\n\n.flag.graysexual {\n background: linear-gradient(darkmagenta 20%, darkgray 0 40%, white 0 60%, darkgray 0 80%, darkmagenta 0);\n}\n\n.flag.hijra {\n background: linear-gradient(#ffc9e7 35%, white 0 45%, #d30000 0 55%, white 0 65%, #afe1fe 0);\n}\n\n.flag.genderqueer {\n background: linear-gradient(orchid 33.33%, white 0 66.66%, green 0);\n}\n\n.flag.polysexual {\n background: linear-gradient(#f0c 33.33%, #0d5 0 66.66%, #09f 0);\n}\n\n.flag.lesbian {\n background: linear-gradient(red 0 14.28%, #ff7000 0 28.57%, #f93 0 42.85%, white 0 57.14%, #f5a 0 71.42%, #f49 0 85.71%, #e06 0);\n}\n\n.flag.bear-brotherhood {\n background: linear-gradient(#730 0 14.28%, #f50 0 28.57%, #fd3 0 42.85%, #ffe7b1 0 57.14%, white 0 71.42%, #555 0 85.71%, black 0);\n}\n\n.flag.trans-inclusive {\n background: linear-gradient(#00916e 0 14.28%, #00d2a9 0 28.57%, #7debbe 0 42.85%, white 0 57.14%, #6eaee7 0 71.42%, #5443d3 0 85.71%, #43117d 0);\n}\n\n.flag.agender {\n background: linear-gradient(black 0 14.28%, silver 0 28.57%, white 0 42.85%, #a3fa73 0 57.14%, white 0 71.42%, silver 0 85.71%, black 0);\n}\n\n.flag.bigender {\n background: linear-gradient(#d074a2 0 14.28%, #f8a1cd 0 28.57%, #d9c6ea 0 42.85%, white 0 57.14%, #d9c6ea 0 71.42%, #90c8ec 0 85.71%, #6583d5 0);\n}\n\n.flag.metagender {\n background: linear-gradient(black 0 14.28%, lime 0 28.57%, yellow 0 42.85%, white 0 57.14%, yellow 0 71.42%, lime 0 85.71%, black 0);\n}\n\n.flag.puppy {\n position: relative;\n background: linear-gradient(red 0 0) 50% 50%/37% 19% no-repeat, radial-gradient(red 20%, #0000 20.5%) 22.5% 36%/37% 50% no-repeat, radial-gradient(red 20%, #0000 20.5%) 22.5% 64%/37% 50% no-repeat, radial-gradient(red 20%, #0000 20.5%) 77.5% 36%/37% 50% no-repeat, radial-gradient(red 20%, #0000 20.5%) 77.5% 64%/37% 50% no-repeat, linear-gradient(31.75deg, black 10.5%, darkblue 0 21%, black 0 31.5%, darkblue 0 42%, white 0 58%, darkblue 0 68.5%, #0000 0), linear-gradient(31.75deg, #0000 68.5%, black 0 79%, darkblue 0 89.5%, black 0);\n}\n\n.flag.leather {\n position: relative;\n background: linear-gradient(#fff 0 0) 50% 50%/100% 11.11% no-repeat, repeating-linear-gradient(black 0 11.11%, #282388 0 22.22%);\n}\n\n.flag.leather::after {\n content: \"\";\n top: 1.5%;\n left: 8.5%;\n position: absolute;\n width: 26.5%;\n height: 40%;\n background: radial-gradient(circle at 66.66% 33.33%, red 29.5%, #0000 30%), radial-gradient(circle at 33.33% 66.66%, red 29.5%, #0000 30%), linear-gradient(-45deg, red 50%, #0000 0);\n border-radius: 0 45%;\n transform-origin: bottom right;\n transform: rotate(1deg);\n}\n\n.flag.rubber {\n --bg: linear-gradient(black 18.5%, red 0 23%, gold 0 37.75%, red 0 42%, black 0 57%, red 0 61.25%, black 0) no-repeat;\n position: relative;\n background: var(--bg), #000;\n overflow: hidden;\n background-size: 55% 100%;\n}\n\n.flag.rubber::after {\n content: \"\";\n position: absolute;\n top: 28%;\n left: 30%;\n width: 100%;\n height: 100%;\n transform: rotate(-27deg);\n clip-path: polygon(57% 0, 100% 0, 100% 100%, 1% 100%);\n background: var(--bg);\n background-size: 100% 100%;\n}\n\n.flag.rubber::before {\n content: \"\";\n position: absolute;\n top: 18%;\n left: 0%;\n width: 100%;\n height: 100%;\n transform: rotate(55.5deg);\n clip-path: polygon(19% 0, 100% 0, 100% 100%, 53% 100%);\n background: var(--bg);\n background-size: 100% 100%;\n}\n\n.flag.pride-of-africa {\n background: radial-gradient(farthest-side at 0 50%, #e80000 99.9999%, #0000 0) 9% 0/8.4% 25%, linear-gradient(#fa4aa7 0 0) 0 0/8.3333% 25%, linear-gradient(90deg, #e80000 50%, #ffc621 0) 0 0/16.6666% 50%, radial-gradient(farthest-side at 0 50%, #ff9a0b 99.9999%, #0000 0) 27.3333% 0/8.3333% 25%, linear-gradient(#fd4603 0 0) 0 0/25.3333% 25%, linear-gradient(45deg, #fd4603 50%, #fbe10c 0) 0 0/33.3333% 50%, conic-gradient(at 50% 0, #0000 37.5%, #038b2a 0 62.5%, #0000 0) 40.6666% 4%/12% 9%, conic-gradient(at 50% 100%, #038b2a 12.5%, #0000 0 87.5%, #038b2a 0) 40.6666% 13.6666%/12% 9%, linear-gradient(#ffc621 0 0) 0 0/50% 25%, linear-gradient(90deg, #ff9a0b 75%, #038b2a 0 91.6666%, #ff9a0b 0) 0 0/50% 50%, radial-gradient(farthest-side, #f94ca8 55%, #e80000 0 99.9999%, #15b1da 0) 50% 0/33.3333% 50%, conic-gradient(#0000 243.5deg, #6c38c6 0 296.5deg, #0000 0) 100% 0/33.3333% 50%, linear-gradient(#6c38c6 25%, #f94ca8 0 75%, #6c38c6 0) 0 0/83.3333% 50%, radial-gradient(farthest-side, #ff7002 50%, #ffc310 0 99.9999%, #01b92f 0) 100% 0/16.6666% 25%, linear-gradient(90deg, #e80000 50%, #0000 0) 100% 0/16.6666% 50%, repeating-linear-gradient(#f94ca8 0 12.5%, #ffc310 0 25%) 100% 0/16.6666% 50%, conic-gradient(#f94ca8 166deg, #2e73ec 0 194deg, #f94ca8 0) 0 100%/16.6666% 100%, linear-gradient(90deg, #6c38c6 75%, #0000 0) 0 100%/33.3333% 50%, linear-gradient(#7c62e1 12.5%, #ff9a0b 0 25%, #7c62e1 0 37.5%, #ff9a0b 0 50%, #ffc621 0) 0 100%/33.3333% 50%, radial-gradient(farthest-side at 0 50%, #f94ca8 99.9999%, #05acd9 0) 45.5555% 66.6666%/8.3333% 25%, linear-gradient(#e80000 75%, #0000 0) 0 100%/41.75% 100%, linear-gradient(225deg, #05acd9 50%, #e80000 0) 0 100%/50% 75%, conic-gradient(#0ab730 166deg, #6c38c6 0 194deg, #0ab730 0) 100% 100%/16.6666% 100%, radial-gradient(farthest-side, #f94ca8 55%, #ffc621 0 99.9999%, #038b2a 0) 100% 100%/33.3333% 50%, conic-gradient(at 50% 0, #0000 160deg, #2e73ec 0 200deg, #0000 0) 59.1666% 60%/10% 10%, conic-gradient(at 0 0, #2e73ec 120deg, #0000 0) 56.6666% 66.6666%/7% 10%, conic-gradient(at 100% 0, #0000 240deg, #2e73ec 0) 61% 66.6666%/7% 10%, conic-gradient(at 0 100%, #0000 25deg, #2e73ec 0 55deg, #0000 0) 57.5% 66.6666%/6% 9%, conic-gradient(at 100% 100%, #0000 305deg, #2e73ec 0 335deg, #0000 0) 60% 66.6666%/6% 9%, linear-gradient(#ffc621 75%, #0000 0), linear-gradient(90deg, #fbe10c 54.1666%, #2e73ec 0 62.5%, #fbe10c 0);\n background-repeat: no-repeat;\n}\n\n.flag.androgyne {\n background: linear-gradient(90deg, #f07 33.3%, #a0f 0 66.6%, #0be 0);\n}\n\n.flag.drag {\n --c: #f69ce4;\n background: radial-gradient(circle at 50% 58.5%, #fff 0.75%, #0000 0), radial-gradient(circle at 51.5% 58.6%, #fff 0.75%, #0000 0), radial-gradient(circle at 52.85% 58.75%, #fff 0.75%, #0000 0), radial-gradient(circle at 54.2% 59.1%, #fff 0.75%, #0000 0), radial-gradient(circle at 55.6% 59.6%, #fff 0.75%, #0000 0), radial-gradient(circle at 48.5% 58.6%, #fff 0.75%, #0000 0), radial-gradient(circle at 47.15% 58.75%, #fff 0.75%, #0000 0), radial-gradient(circle at 45.8% 59.1%, #fff 0.75%, #0000 0), radial-gradient(circle at 44.4% 59.6%, #fff 0.75%, #0000 0), radial-gradient(circle at 50% 37.5%, var(--c) 1%, #0000 0), radial-gradient(circle at 56.25% 45.75%, var(--c) 1%, #0000 0), radial-gradient(circle at 43.75% 45.75%, var(--c) 1%, #0000 0), radial-gradient(circle at 63% 43.5%, var(--c) 1%, #0000 0), radial-gradient(circle at 37% 43.25%, var(--c) 1%, #0000 0), linear-gradient(90deg, #c35cff 33%, #0000 0 67%, #4561ff 0), radial-gradient(25% 20% at 50% 71%, #fff 50%, #0000 50.5%), conic-gradient(at 50% 0, #0000 165deg, var(--c) 0 195deg, #0000 0) 50% 51.5%/10% 24% no-repeat, conic-gradient(at 0 35%, #0000 133deg, var(--c) 0 175deg, #0000 0) 49.25% 51.5%/10% 24% no-repeat, conic-gradient(at 100% 35%, #0000 185deg, var(--c) 0 227deg, #0000 0) 50.75% 51.5%/10% 24% no-repeat, radial-gradient(100% 140% at 115% 77%, #fff 54%, #0000 0) 57.75% 58.25%/10% 24% no-repeat, radial-gradient(220% 145% at 135% 73%, var(--c) 50%, #0000 0) 57.5% 58.25%/10% 24% no-repeat, radial-gradient(100% 140% at -15% 77%, #fff 54%, #0000 0) 42.25% 58.5%/10% 24% no-repeat, radial-gradient(220% 145% at -35% 73%, var(--c) 50%, #0000 0) 42.5% 58.5%/10% 24% no-repeat, #fff;\n}\n\n/*# sourceMappingURL=pride-flags.css.map */"]} \ No newline at end of file diff --git a/package.json b/package.json index bfa3e19..c8c6ce4 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@risadams/pride-flags", - "version": "1.0.0", + "version": "1.0.1", "description": "Pure CSS Pride Flags", "files": [ "dist/*.css" diff --git a/src/pride-flags.scss b/src/pride-flags.scss index 321c37f..fd4de79 100644 --- a/src/pride-flags.scss +++ b/src/pride-flags.scss @@ -1,223 +1,401 @@ .flag { - display: inline-block; - width: 300px; - aspect-ratio: 14 / 9; + display: inline-block; + width: 300px; + aspect-ratio: 14 / 9; } .flag.icon { - width: 3em; + width: 3em; } .flag.icon.large { - width: 4em; + width: 4em; +} +.flag.icon.small { + width: 2em; } .flag.pink-triangle { - background: conic-gradient(from 331deg at 50% 100%, #f7a 58deg, #0000 0) 50% 50% / 55% 73% no-repeat, black; + background: conic-gradient(from 331deg at 50% 100%, #f7a 58deg, #0000 0) 50% 50% / 55% 73% no-repeat, black; } .flag.gilbert-baker { - background: linear-gradient( hotpink 12.5%, red 0 25%, orange 0 37.5%, yellow 0 50%, green 0 62.5%, darkturquoise 0 75%, blue 0 87.5%, indigo 0 ); + background: linear-gradient( + hotpink 12.5%, + red 0 25%, + orange 0 37.5%, + yellow 0 50%, + green 0 62.5%, + darkturquoise 0 75%, + blue 0 87.5%, + indigo 0 + ); } .flag.pride-1978 { - background: linear-gradient( red 0 14.28%, orange 0 28.57%, yellow 0 42.85%, green 0 57.14%, darkturquoise 0 71.42%, blue 0 85.71%, indigo 0 ); + background: linear-gradient( + red 0 14.28%, + orange 0 28.57%, + yellow 0 42.85%, + green 0 57.14%, + darkturquoise 0 71.42%, + blue 0 85.71%, + indigo 0 + ); } .flag.traditional { - background: linear-gradient(red 16.66%, orange 0 33.33%, yellow 0 50%, green 0 66.66%, blue 0 83.33%, indigo 0); + background: linear-gradient(red 16.66%, orange 0 33.33%, yellow 0 50%, green 0 66.66%, blue 0 83.33%, indigo 0); } .flag.philadelphia { - background: linear-gradient( black 12.5%, saddlebrown 0 25%, red 0 37.5%, orange 0 50%, yellow 0 62.5%, green 0 75%, blue 0 87.5%, indigo 0 ); + background: linear-gradient( + black 12.5%, + saddlebrown 0 25%, + red 0 37.5%, + orange 0 50%, + yellow 0 62.5%, + green 0 75%, + blue 0 87.5%, + indigo 0 + ); } .flag.progress { - background: conic-gradient(at 14% 50%, #0000 221.25deg, white 222deg 318deg, #0000 318.25deg), conic-gradient(at 23% 50%, #0000 221.25deg, #ffa6b9 222deg 318deg, #0000 318.25deg), conic-gradient(at 32% 50%, #0000 221.25deg, #00d2ff 222deg 318deg, #0000 318.25deg), conic-gradient(at 41% 50%, #0000 221.25deg, #753000 222deg 318deg, #0000 318.25deg), conic-gradient(at 50% 50%, #0000 221.25deg, black 222deg 318deg, #0000 318.25deg), linear-gradient(red 0 16.66%, orange 0 33.33%, yellow 0 50%, green 0 66.66%, blue 0 83.33%, indigo 0); + background: conic-gradient(at 14% 50%, #0000 221.25deg, white 222deg 318deg, #0000 318.25deg), + conic-gradient(at 23% 50%, #0000 221.25deg, #ffa6b9 222deg 318deg, #0000 318.25deg), + conic-gradient(at 32% 50%, #0000 221.25deg, #00d2ff 222deg 318deg, #0000 318.25deg), + conic-gradient(at 41% 50%, #0000 221.25deg, #753000 222deg 318deg, #0000 318.25deg), + conic-gradient(at 50% 50%, #0000 221.25deg, black 222deg 318deg, #0000 318.25deg), + linear-gradient(red 0 16.66%, orange 0 33.33%, yellow 0 50%, green 0 66.66%, blue 0 83.33%, indigo 0); } .flag.intersex-inclusive { - background: radial-gradient(circle at 9.75% 50%, #0000 6.66%, darkviolet 6.7% 8.33%, #0000 8.4%), conic-gradient(at 26.66% 50%, #0000 222.75deg, gold 0 317.25deg, #0000 0), conic-gradient(at 33% 50%, #0000 222.75deg, white 0 317.25deg, #0000 0), conic-gradient(at 39% 50%, #0000 222.75deg, #ffa6b9 0 317.25deg, #0000 0), conic-gradient(at 45.66% 50%, #0000 222.75deg, #00d2ff 0 317.25deg, #0000 0), conic-gradient(at 52% 50%, #0000 222.75deg, #753000 0 317.25deg, #0000 0), conic-gradient(at 58.33% 50%, #0000 222.75deg, #000 0 317.25deg, #0000 0), linear-gradient(red 0 16.66%, orange 0 33.33%, yellow 0 50%, green 0 66.66%, blue 0 83.33%, indigo 0); + background: radial-gradient(circle at 9.75% 50%, #0000 6.66%, darkviolet 6.7% 8.33%, #0000 8.4%), + conic-gradient(at 26.66% 50%, #0000 222.75deg, gold 0 317.25deg, #0000 0), + conic-gradient(at 33% 50%, #0000 222.75deg, white 0 317.25deg, #0000 0), + conic-gradient(at 39% 50%, #0000 222.75deg, #ffa6b9 0 317.25deg, #0000 0), + conic-gradient(at 45.66% 50%, #0000 222.75deg, #00d2ff 0 317.25deg, #0000 0), + conic-gradient(at 52% 50%, #0000 222.75deg, #753000 0 317.25deg, #0000 0), + conic-gradient(at 58.33% 50%, #0000 222.75deg, #000 0 317.25deg, #0000 0), + linear-gradient(red 0 16.66%, orange 0 33.33%, yellow 0 50%, green 0 66.66%, blue 0 83.33%, indigo 0); } .flag.new-pride { - background: linear-gradient( to bottom right, white 10%, #ffa6b9 0 20%, #00d2ff 0 30%, #753000 0 40%, black 0 50%, #0000 0 ), linear-gradient(red 16.66%, orange 0 33.33%, yellow 0 50%, green 0 66.66%, blue 0 83.33%, indigo 0); + background: linear-gradient( + to bottom right, + white 10%, + #ffa6b9 0 20%, + #00d2ff 0 30%, + #753000 0 40%, + black 0 50%, + #0000 0 + ), + linear-gradient(red 16.66%, orange 0 33.33%, yellow 0 50%, green 0 66.66%, blue 0 83.33%, indigo 0); } .flag.social-justice { - background: conic-gradient(at 12.5% 50%, #0000 228deg, #f9000c 0 312deg, #0000 0), conic-gradient(at 24% 50%, #0000 228deg, #1241a1 0 312deg, #0000 0), conic-gradient(at 35.5% 50%, #0000 228deg, black 0 312deg, #0000 0), linear-gradient(red 16.66%, orange 0 33.33%, yellow 0 50%, green 0 66.66%, blue 0 83.33%, indigo 0); + background: conic-gradient(at 12.5% 50%, #0000 228deg, #f9000c 0 312deg, #0000 0), + conic-gradient(at 24% 50%, #0000 228deg, #1241a1 0 312deg, #0000 0), + conic-gradient(at 35.5% 50%, #0000 228deg, black 0 312deg, #0000 0), + linear-gradient(red 16.66%, orange 0 33.33%, yellow 0 50%, green 0 66.66%, blue 0 83.33%, indigo 0); } .flag.transgender { - background: linear-gradient(#00d2ff 20%, #ffa6b9 0 40%, white 0 60%, #ffa6b9 0 80%, #00d2ff 0); + background: linear-gradient(#00d2ff 20%, #ffa6b9 0 40%, white 0 60%, #ffa6b9 0 80%, #00d2ff 0); } .flag.ally-pride { - background: repeating-linear-gradient(black 0 16.66%, white 0 33.33%); - &::before { - content: ""; - width: 100%; - height: 100%; - display: block; - background: linear-gradient(red 16.66%, orange 0 33.33%, yellow 0 50%, green 0 66.66%, blue 0 83.33%, indigo 0); - clip-path: polygon(0 100%, 50% 0, 100% 100%, 66.66% 100%, 50% 66.66%, 33.33% 100%); - } + background: repeating-linear-gradient(black 0 16.66%, white 0 33.33%); + &::before { + content: ""; + width: 100%; + height: 100%; + display: block; + background: linear-gradient(red 16.66%, orange 0 33.33%, yellow 0 50%, green 0 66.66%, blue 0 83.33%, indigo 0); + clip-path: polygon(0 100%, 50% 0, 100% 100%, 66.66% 100%, 50% 66.66%, 33.33% 100%); + } } .flag.intersex { - background: radial-gradient(circle, gold 24.5%, darkviolet 25% 34%, gold 34.5%); + background: radial-gradient(circle, gold 24.5%, darkviolet 25% 34%, gold 34.5%); } .flag.bisexual { - background: linear-gradient(#f07 40%, #c49 0 60%, #03a 0); + background: linear-gradient(#f07 40%, #c49 0 60%, #03a 0); } .flag.demisexual { - background: conic-gradient(at 35.5% 50%, #0000 228deg, black 0 312deg, #0000 0), linear-gradient(white 42%, purple 0 58%, lightgray 0); + background: conic-gradient(at 35.5% 50%, #0000 228deg, black 0 312deg, #0000 0), + linear-gradient(white 42%, purple 0 58%, lightgray 0); } .flag.demiromantic { - background: conic-gradient(at 35.5% 50%, #0000 228deg, black 0 312deg, #0000 0), linear-gradient(white 42%, #092 0 58%, lightgray 0); + background: conic-gradient(at 35.5% 50%, #0000 228deg, black 0 312deg, #0000 0), + linear-gradient(white 42%, #092 0 58%, lightgray 0); } .flag.pansexual { - background: linear-gradient(#f09 33.33%, gold 0 66.66%, deepskyblue 0); + background: linear-gradient(#f09 33.33%, gold 0 66.66%, deepskyblue 0); } .flag.asexual { - background: linear-gradient(black 25%, darkgray 0 50%, white 0 75%, #a50089 0); + background: linear-gradient(black 25%, darkgray 0 50%, white 0 75%, #a50089 0); } .flag.nonbinary { - background: linear-gradient(yellow 25%, white 0 50%, mediumorchid 0 75%, black 0); + background: linear-gradient(yellow 25%, white 0 50%, mediumorchid 0 75%, black 0); } .flag.labrys { - position: relative; - background: conic-gradient(from 330deg at 50% 100%, black 60deg, #0000 0) 50% 50% / 83% 83% no-repeat, darkmagenta; - &::before { - content: ""; - position: absolute; - width: 35%; - top: 1.66%; - left: 50%; - aspect-ratio: 1; - background: white; - border-radius: 50%; - transform: translateX(-50%); - -webkit-mask: radial-gradient(130% 215% at 50% 0%, #0000 35%, #000 0) 50% 0 / 100% 51% no-repeat, radial-gradient(130% 230% at 50% 100%, #0000 35%, #000 0) 50% 100% / 100% 51% no-repeat; - mask: radial-gradient(130% 215% at 50% 0%, #0000 35%, #000 0) 50% 0 / 100% 51% no-repeat, radial-gradient(130% 230% at 50% 100%, #0000 35%, #000 0) 50% 100% / 100% 51% no-repeat; - } - &::after { - content: ""; - position: absolute; - top: 18%; - left: 50%; - transform: translateX(-50%); - width: 4%; - height: 60%; - background: white; - border-radius: 100% / 5%; - box-shadow: 0 0 0 1px; - } + position: relative; + background: conic-gradient(from 330deg at 50% 100%, black 60deg, #0000 0) 50% 50% / 83% 83% no-repeat, darkmagenta; + &::before { + content: ""; + position: absolute; + width: 35%; + top: 1.66%; + left: 50%; + aspect-ratio: 1; + background: white; + border-radius: 50%; + transform: translateX(-50%); + -webkit-mask: radial-gradient(130% 215% at 50% 0%, #0000 35%, #000 0) 50% 0 / 100% 51% no-repeat, + radial-gradient(130% 230% at 50% 100%, #0000 35%, #000 0) 50% 100% / 100% 51% no-repeat; + mask: radial-gradient(130% 215% at 50% 0%, #0000 35%, #000 0) 50% 0 / 100% 51% no-repeat, + radial-gradient(130% 230% at 50% 100%, #0000 35%, #000 0) 50% 100% / 100% 51% no-repeat; + } + &::after { + content: ""; + position: absolute; + top: 18%; + left: 50%; + transform: translateX(-50%); + width: 4%; + height: 60%; + background: white; + border-radius: 100% / 5%; + box-shadow: 0 0 0 1px; + } } .flag.polyamory { - position: relative; - background: linear-gradient( blue 33.33%, red 0 66.66%, black 0 ); - &::before { - content: "π"; - color: yellow; - position: absolute; - font-family: "Times New Roman", "Times", serif; - top: 45%; - left: 50%; - transform: translate(-50%, -50%); - line-height: 0; - font-size: 90px; - font-weight: 100; - } + position: relative; + background: linear-gradient(blue 33.33%, red 0 66.66%, black 0); + &::before { + content: "π"; + color: yellow; + position: absolute; + font-family: "Times New Roman", "Times", serif; + top: 45%; + left: 50%; + transform: translate(-50%, -50%); + line-height: 0; + font-size: 90px; + font-weight: 100; + } } .flag.twink { - position: relative; - background: linear-gradient(-45deg, #0000 43%, #000 0 57%, #0000 0) 52.5% 39.25% / 5% 5% no-repeat, linear-gradient(-45deg, #0000 43%, #000 0 57%, #0000 0) 58.5% 45.25% / 5% 5% no-repeat, linear-gradient(#000 0 0) 52.75% 37.5% / 3.5% 1.5% no-repeat, linear-gradient(#000 0 0) 58.75% 43.5% / 3.5% 1.5% no-repeat, linear-gradient(#000 0 0) 54.1% 39% / 1% 5% no-repeat, linear-gradient(#000 0 0) 59.75% 45.1% / 1% 5% no-repeat, radial-gradient(circle at 47% 47%, #0000 7%, #000 0 8.5%, #0000 0), radial-gradient(circle at 53% 53%, #0000 7%, #000 0 8.5%, #0000 0), linear-gradient(#faf 33.33%, white 0 66.66%, #ff6 0); + position: relative; + background: linear-gradient(-45deg, #0000 43%, #000 0 57%, #0000 0) 52.5% 39.25% / 5% 5% no-repeat, + linear-gradient(-45deg, #0000 43%, #000 0 57%, #0000 0) 58.5% 45.25% / 5% 5% no-repeat, + linear-gradient(#000 0 0) 52.75% 37.5% / 3.5% 1.5% no-repeat, + linear-gradient(#000 0 0) 58.75% 43.5% / 3.5% 1.5% no-repeat, linear-gradient(#000 0 0) 54.1% 39% / 1% 5% no-repeat, + linear-gradient(#000 0 0) 59.75% 45.1% / 1% 5% no-repeat, + radial-gradient(circle at 47% 47%, #0000 7%, #000 0 8.5%, #0000 0), + radial-gradient(circle at 53% 53%, #0000 7%, #000 0 8.5%, #0000 0), + linear-gradient(#faf 33.33%, white 0 66.66%, #ff6 0); } .flag.genderfluid { - background: linear-gradient(hotpink 20%, white 0 40%, #e0e 0 60%, black 0 80%, blue 0); + background: linear-gradient(hotpink 20%, white 0 40%, #e0e 0 60%, black 0 80%, blue 0); } .flag.aromantic { - background: linear-gradient(#0a2 20%, #7d6 0 40%, white 0 60%, darkgray 0 80%, black 0); + background: linear-gradient(#0a2 20%, #7d6 0 40%, white 0 60%, darkgray 0 80%, black 0); } .flag.abrosexual { - background: linear-gradient(#5c8 20%, #a7e6c8 0 40%, white 0 60%, #f390b7 0 80%, #eb306d 0); + background: linear-gradient(#5c8 20%, #a7e6c8 0 40%, white 0 60%, #f390b7 0 80%, #eb306d 0); } .flag.graysexual { - background: linear-gradient(darkmagenta 20%, darkgray 0 40%, white 0 60%, darkgray 0 80%, darkmagenta 0); + background: linear-gradient(darkmagenta 20%, darkgray 0 40%, white 0 60%, darkgray 0 80%, darkmagenta 0); } .flag.hijra { - background: linear-gradient(#ffc9e7 35%, white 0 45%, #d30000 0 55%, white 0 65%, #afe1fe 0); + background: linear-gradient(#ffc9e7 35%, white 0 45%, #d30000 0 55%, white 0 65%, #afe1fe 0); } .flag.genderqueer { - background: linear-gradient(orchid 33.33%, white 0 66.66%, green 0); + background: linear-gradient(orchid 33.33%, white 0 66.66%, green 0); } .flag.polysexual { - background: linear-gradient(#f0c 33.33%, #0d5 0 66.66%, #09f 0); + background: linear-gradient(#f0c 33.33%, #0d5 0 66.66%, #09f 0); } .flag.lesbian { - background: linear-gradient( red 0 14.28%, #ff7000 0 28.57%, #f93 0 42.85%, white 0 57.14%, #f5a 0 71.42%, #f49 0 85.71%, #e06 0 ); + background: linear-gradient( + red 0 14.28%, + #ff7000 0 28.57%, + #f93 0 42.85%, + white 0 57.14%, + #f5a 0 71.42%, + #f49 0 85.71%, + #e06 0 + ); } .flag.bear-brotherhood { - background: linear-gradient( #730 0 14.28%, #f50 0 28.57%, #fd3 0 42.85%, #ffe7b1 0 57.14%, white 0 71.42%, #555 0 85.71%, black 0 ); + background: linear-gradient( + #730 0 14.28%, + #f50 0 28.57%, + #fd3 0 42.85%, + #ffe7b1 0 57.14%, + white 0 71.42%, + #555 0 85.71%, + black 0 + ); } .flag.trans-inclusive { - background: linear-gradient( #00916e 0 14.28%, #00d2a9 0 28.57%, #7debbe 0 42.85%, white 0 57.14%, #6eaee7 0 71.42%, #5443d3 0 85.71%, #43117d 0 ); + background: linear-gradient( + #00916e 0 14.28%, + #00d2a9 0 28.57%, + #7debbe 0 42.85%, + white 0 57.14%, + #6eaee7 0 71.42%, + #5443d3 0 85.71%, + #43117d 0 + ); } .flag.agender { - background: linear-gradient( black 0 14.28%, silver 0 28.57%, white 0 42.85%, #a3fa73 0 57.14%, white 0 71.42%, silver 0 85.71%, black 0 ); + background: linear-gradient( + black 0 14.28%, + silver 0 28.57%, + white 0 42.85%, + #a3fa73 0 57.14%, + white 0 71.42%, + silver 0 85.71%, + black 0 + ); } .flag.bigender { - background: linear-gradient( #d074a2 0 14.28%, #f8a1cd 0 28.57%, #d9c6ea 0 42.85%, white 0 57.14%, #d9c6ea 0 71.42%, #90c8ec 0 85.71%, #6583d5 0 ); + background: linear-gradient( + #d074a2 0 14.28%, + #f8a1cd 0 28.57%, + #d9c6ea 0 42.85%, + white 0 57.14%, + #d9c6ea 0 71.42%, + #90c8ec 0 85.71%, + #6583d5 0 + ); } .flag.metagender { - background: linear-gradient( black 0 14.28%, lime 0 28.57%, yellow 0 42.85%, white 0 57.14%, yellow 0 71.42%, lime 0 85.71%, black 0 ); + background: linear-gradient( + black 0 14.28%, + lime 0 28.57%, + yellow 0 42.85%, + white 0 57.14%, + yellow 0 71.42%, + lime 0 85.71%, + black 0 + ); } .flag.puppy { - position: relative; - background: linear-gradient(red 0 0) 50% 50% / 37% 19% no-repeat, radial-gradient(red 20%, #0000 20.5%) 22.5% 36% / 37% 50% no-repeat, radial-gradient(red 20%, #0000 20.5%) 22.5% 64% / 37% 50% no-repeat, radial-gradient(red 20%, #0000 20.5%) 77.5% 36% / 37% 50% no-repeat, radial-gradient(red 20%, #0000 20.5%) 77.5% 64% / 37% 50% no-repeat, linear-gradient( 31.75deg, black 10.5%, darkblue 0 21%, black 0 31.5%, darkblue 0 42%, white 0 58%, darkblue 0 68.5%, #0000 0 ), linear-gradient(31.75deg, #0000 68.5%, black 0 79%, darkblue 0 89.5%, black 0); + position: relative; + background: linear-gradient(red 0 0) 50% 50% / 37% 19% no-repeat, + radial-gradient(red 20%, #0000 20.5%) 22.5% 36% / 37% 50% no-repeat, + radial-gradient(red 20%, #0000 20.5%) 22.5% 64% / 37% 50% no-repeat, + radial-gradient(red 20%, #0000 20.5%) 77.5% 36% / 37% 50% no-repeat, + radial-gradient(red 20%, #0000 20.5%) 77.5% 64% / 37% 50% no-repeat, + linear-gradient( + 31.75deg, + black 10.5%, + darkblue 0 21%, + black 0 31.5%, + darkblue 0 42%, + white 0 58%, + darkblue 0 68.5%, + #0000 0 + ), + linear-gradient(31.75deg, #0000 68.5%, black 0 79%, darkblue 0 89.5%, black 0); } .flag.leather { - position: relative; - background: linear-gradient(#fff 0 0) 50% 50% / 100% 11.11% no-repeat, repeating-linear-gradient(black 0 11.11%, #282388 0 22.22%); - &::after { - content: ""; - top: 1.5%; - left: 8.5%; - position: absolute; - width: 26.5%; - height: 40%; - background: radial-gradient(circle at 66.66% 33.33%, red 29.5%, #0000 30%), radial-gradient(circle at 33.33% 66.66%, red 29.5%, #0000 30%), linear-gradient(-45deg, red 50%, #0000 0); - border-radius: 0 45%; - transform-origin: bottom right; - transform: rotate(1deg); - } + position: relative; + background: linear-gradient(#fff 0 0) 50% 50% / 100% 11.11% no-repeat, + repeating-linear-gradient(black 0 11.11%, #282388 0 22.22%); + &::after { + content: ""; + top: 1.5%; + left: 8.5%; + position: absolute; + width: 26.5%; + height: 40%; + background: radial-gradient(circle at 66.66% 33.33%, red 29.5%, #0000 30%), + radial-gradient(circle at 33.33% 66.66%, red 29.5%, #0000 30%), linear-gradient(-45deg, red 50%, #0000 0); + border-radius: 0 45%; + transform-origin: bottom right; + transform: rotate(1deg); + } } .flag.rubber { - --bg: linear-gradient(black 18.5%, red 0 23%, gold 0 37.75%, red 0 42%, black 0 57%, red 0 61.25%, black 0) no-repeat; - position: relative; - background: var(--bg), #000; - overflow: hidden; - background-size: 55% 100%; - &::after { - content: ""; - position: absolute; - top: 28%; - left: 30%; - width: 100%; - height: 100%; - transform: rotate(-27deg); - clip-path: polygon(57% 0, 100% 0, 100% 100%, 1% 100%); - background: var(--bg); - background-size: 100% 100%; - } - &::before { - content: ""; - position: absolute; - top: 18%; - left: 0%; - width: 100%; - height: 100%; - transform: rotate(55.5deg); - clip-path: polygon(19% 0, 100% 0, 100% 100%, 53% 100%); - background: var(--bg); - background-size: 100% 100%; - } + --bg: linear-gradient(black 18.5%, red 0 23%, gold 0 37.75%, red 0 42%, black 0 57%, red 0 61.25%, black 0) no-repeat; + position: relative; + background: var(--bg), #000; + overflow: hidden; + background-size: 55% 100%; + &::after { + content: ""; + position: absolute; + top: 28%; + left: 30%; + width: 100%; + height: 100%; + transform: rotate(-27deg); + clip-path: polygon(57% 0, 100% 0, 100% 100%, 1% 100%); + background: var(--bg); + background-size: 100% 100%; + } + &::before { + content: ""; + position: absolute; + top: 18%; + left: 0%; + width: 100%; + height: 100%; + transform: rotate(55.5deg); + clip-path: polygon(19% 0, 100% 0, 100% 100%, 53% 100%); + background: var(--bg); + background-size: 100% 100%; + } } .flag.pride-of-africa { - background: radial-gradient(farthest-side at 0 50%, #e80000 99.9999%, #0000 0) 9% 0 / 8.4% 25%, linear-gradient(#fa4aa7 0 0) 0 0 / 8.3333% 25%, linear-gradient(90deg, #e80000 50%, #ffc621 0) 0 0 / 16.6666% 50%, radial-gradient(farthest-side at 0 50%, #ff9a0b 99.9999%, #0000 0) 27.3333% 0 / 8.3333% 25%, linear-gradient(#fd4603 0 0) 0 0 / 25.3333% 25%, linear-gradient(45deg, #fd4603 50%, #fbe10c 0) 0 0 / 33.3333% 50%, conic-gradient(at 50% 0, #0000 37.5%, #038b2a 0 62.5%, #0000 0) 40.6666% 4% / 12% 9%, conic-gradient(at 50% 100%, #038b2a 12.5%, #0000 0 87.5%, #038b2a 0) 40.6666% 13.6666% / 12% 9%, linear-gradient(#ffc621 0 0) 0 0 / 50% 25%, linear-gradient(90deg, #ff9a0b 75%, #038b2a 0 91.6666%, #ff9a0b 0) 0 0 / 50% 50%, radial-gradient(farthest-side, #f94ca8 55%, #e80000 0 99.9999%, #15b1da 0) 50% 0 / 33.3333% 50%, conic-gradient(#0000 243.5deg, #6c38c6 0 296.5deg, #0000 0) 100% 0 / 33.3333% 50%, linear-gradient(#6c38c6 25%, #f94ca8 0 75%, #6c38c6 0) 0 0 / 83.3333% 50%, radial-gradient(farthest-side, #ff7002 50%, #ffc310 0 99.9999%, #01b92f 0) 100% 0 / 16.6666% 25%, linear-gradient(90deg, #e80000 50%, #0000 0) 100% 0 / 16.6666% 50%, repeating-linear-gradient(#f94ca8 0 12.5%, #ffc310 0 25%) 100% 0 / 16.6666% 50%, conic-gradient(#f94ca8 166deg, #2e73ec 0 194deg, #f94ca8 0) 0 100% / 16.6666% 100%, linear-gradient(90deg, #6c38c6 75%, #0000 0) 0 100% / 33.3333% 50%, linear-gradient(#7c62e1 12.5%, #ff9a0b 0 25%, #7c62e1 0 37.5%, #ff9a0b 0 50%, #ffc621 0) 0 100% / 33.3333% 50%, radial-gradient(farthest-side at 0 50%, #f94ca8 99.9999%, #05acd9 0) 45.5555% 66.6666% / 8.3333% 25%, linear-gradient(#e80000 75%, #0000 0) 0 100% / 41.75% 100%, linear-gradient(225deg, #05acd9 50%, #e80000 0) 0 100% / 50% 75%, conic-gradient(#0ab730 166deg, #6c38c6 0 194deg, #0ab730 0) 100% 100% / 16.6666% 100%, radial-gradient(farthest-side, #f94ca8 55%, #ffc621 0 99.9999%, #038b2a 0) 100% 100% / 33.3333% 50%, conic-gradient(at 50% 0, #0000 160deg, #2e73ec 0 200deg, #0000 0) 59.1666% 60% / 10% 10%, conic-gradient(at 0 0, #2e73ec 120deg, #0000 0) 56.6666% 66.6666% / 7% 10%, conic-gradient(at 100% 0, #0000 240deg, #2e73ec 0) 61% 66.6666% / 7% 10%, conic-gradient(at 0 100%, #0000 25deg, #2e73ec 0 55deg, #0000 0) 57.5% 66.6666% / 6% 9%, conic-gradient(at 100% 100%, #0000 305deg, #2e73ec 0 335deg, #0000 0) 60% 66.6666% / 6% 9%, linear-gradient(#ffc621 75%, #0000 0), linear-gradient(90deg, #fbe10c 54.1666%, #2e73ec 0 62.5%, #fbe10c 0); - background-repeat: no-repeat; + background: radial-gradient(farthest-side at 0 50%, #e80000 99.9999%, #0000 0) 9% 0 / 8.4% 25%, + linear-gradient(#fa4aa7 0 0) 0 0 / 8.3333% 25%, linear-gradient(90deg, #e80000 50%, #ffc621 0) 0 0 / 16.6666% 50%, + radial-gradient(farthest-side at 0 50%, #ff9a0b 99.9999%, #0000 0) 27.3333% 0 / 8.3333% 25%, + linear-gradient(#fd4603 0 0) 0 0 / 25.3333% 25%, linear-gradient(45deg, #fd4603 50%, #fbe10c 0) 0 0 / 33.3333% 50%, + conic-gradient(at 50% 0, #0000 37.5%, #038b2a 0 62.5%, #0000 0) 40.6666% 4% / 12% 9%, + conic-gradient(at 50% 100%, #038b2a 12.5%, #0000 0 87.5%, #038b2a 0) 40.6666% 13.6666% / 12% 9%, + linear-gradient(#ffc621 0 0) 0 0 / 50% 25%, + linear-gradient(90deg, #ff9a0b 75%, #038b2a 0 91.6666%, #ff9a0b 0) 0 0 / 50% 50%, + radial-gradient(farthest-side, #f94ca8 55%, #e80000 0 99.9999%, #15b1da 0) 50% 0 / 33.3333% 50%, + conic-gradient(#0000 243.5deg, #6c38c6 0 296.5deg, #0000 0) 100% 0 / 33.3333% 50%, + linear-gradient(#6c38c6 25%, #f94ca8 0 75%, #6c38c6 0) 0 0 / 83.3333% 50%, + radial-gradient(farthest-side, #ff7002 50%, #ffc310 0 99.9999%, #01b92f 0) 100% 0 / 16.6666% 25%, + linear-gradient(90deg, #e80000 50%, #0000 0) 100% 0 / 16.6666% 50%, + repeating-linear-gradient(#f94ca8 0 12.5%, #ffc310 0 25%) 100% 0 / 16.6666% 50%, + conic-gradient(#f94ca8 166deg, #2e73ec 0 194deg, #f94ca8 0) 0 100% / 16.6666% 100%, + linear-gradient(90deg, #6c38c6 75%, #0000 0) 0 100% / 33.3333% 50%, + linear-gradient(#7c62e1 12.5%, #ff9a0b 0 25%, #7c62e1 0 37.5%, #ff9a0b 0 50%, #ffc621 0) 0 100% / 33.3333% 50%, + radial-gradient(farthest-side at 0 50%, #f94ca8 99.9999%, #05acd9 0) 45.5555% 66.6666% / 8.3333% 25%, + linear-gradient(#e80000 75%, #0000 0) 0 100% / 41.75% 100%, + linear-gradient(225deg, #05acd9 50%, #e80000 0) 0 100% / 50% 75%, + conic-gradient(#0ab730 166deg, #6c38c6 0 194deg, #0ab730 0) 100% 100% / 16.6666% 100%, + radial-gradient(farthest-side, #f94ca8 55%, #ffc621 0 99.9999%, #038b2a 0) 100% 100% / 33.3333% 50%, + conic-gradient(at 50% 0, #0000 160deg, #2e73ec 0 200deg, #0000 0) 59.1666% 60% / 10% 10%, + conic-gradient(at 0 0, #2e73ec 120deg, #0000 0) 56.6666% 66.6666% / 7% 10%, + conic-gradient(at 100% 0, #0000 240deg, #2e73ec 0) 61% 66.6666% / 7% 10%, + conic-gradient(at 0 100%, #0000 25deg, #2e73ec 0 55deg, #0000 0) 57.5% 66.6666% / 6% 9%, + conic-gradient(at 100% 100%, #0000 305deg, #2e73ec 0 335deg, #0000 0) 60% 66.6666% / 6% 9%, + linear-gradient(#ffc621 75%, #0000 0), linear-gradient(90deg, #fbe10c 54.1666%, #2e73ec 0 62.5%, #fbe10c 0); + background-repeat: no-repeat; } .flag.androgyne { - background: linear-gradient(90deg, #f07 33.3%, #a0f 0 66.6%, #0be 0); + background: linear-gradient(90deg, #f07 33.3%, #a0f 0 66.6%, #0be 0); } .flag.drag { - --c: #f69ce4; - background: radial-gradient(circle at 50% 58.5%, #fff 0.75%, #0000 0), radial-gradient(circle at 51.5% 58.6%, #fff 0.75%, #0000 0), radial-gradient(circle at 52.85% 58.75%, #fff 0.75%, #0000 0), radial-gradient(circle at 54.2% 59.1%, #fff 0.75%, #0000 0), radial-gradient(circle at 55.6% 59.6%, #fff 0.75%, #0000 0), radial-gradient(circle at 48.5% 58.6%, #fff 0.75%, #0000 0), radial-gradient(circle at 47.15% 58.75%, #fff 0.75%, #0000 0), radial-gradient(circle at 45.8% 59.1%, #fff 0.75%, #0000 0), radial-gradient(circle at 44.4% 59.6%, #fff 0.75%, #0000 0), radial-gradient(circle at 50% 37.5%, var(--c) 1%, #0000 0), radial-gradient(circle at 56.25% 45.75%, var(--c) 1%, #0000 0), radial-gradient(circle at 43.75% 45.75%, var(--c) 1%, #0000 0), radial-gradient(circle at 63% 43.5%, var(--c) 1%, #0000 0), radial-gradient(circle at 37% 43.25%, var(--c) 1%, #0000 0), linear-gradient(90deg, #c35cff 33%, #0000 0 67%, #4561ff 0), radial-gradient(25% 20% at 50% 71%, #fff 50%, #0000 50.5%), conic-gradient(at 50% 0, #0000 165deg, var(--c) 0 195deg, #0000 0) 50% 51.5% / 10% 24% no-repeat, conic-gradient(at 0 35%, #0000 133deg, var(--c) 0 175deg, #0000 0) 49.25% 51.5% / 10% 24% no-repeat, conic-gradient(at 100% 35%, #0000 185deg, var(--c) 0 227deg, #0000 0) 50.75% 51.5% / 10% 24% no-repeat, radial-gradient(100% 140% at 115% 77%, #fff 54%, #0000 0) 57.75% 58.25% / 10% 24% no-repeat, radial-gradient(220% 145% at 135% 73%, var(--c) 50%, #0000 0) 57.5% 58.25% / 10% 24% no-repeat, radial-gradient(100% 140% at -15% 77%, #fff 54%, #0000 0) 42.25% 58.5% / 10% 24% no-repeat, radial-gradient(220% 145% at -35% 73%, var(--c) 50%, #0000 0) 42.5% 58.5% / 10% 24% no-repeat, #fff; + --c: #f69ce4; + background: radial-gradient(circle at 50% 58.5%, #fff 0.75%, #0000 0), + radial-gradient(circle at 51.5% 58.6%, #fff 0.75%, #0000 0), + radial-gradient(circle at 52.85% 58.75%, #fff 0.75%, #0000 0), + radial-gradient(circle at 54.2% 59.1%, #fff 0.75%, #0000 0), + radial-gradient(circle at 55.6% 59.6%, #fff 0.75%, #0000 0), + radial-gradient(circle at 48.5% 58.6%, #fff 0.75%, #0000 0), + radial-gradient(circle at 47.15% 58.75%, #fff 0.75%, #0000 0), + radial-gradient(circle at 45.8% 59.1%, #fff 0.75%, #0000 0), + radial-gradient(circle at 44.4% 59.6%, #fff 0.75%, #0000 0), + radial-gradient(circle at 50% 37.5%, var(--c) 1%, #0000 0), + radial-gradient(circle at 56.25% 45.75%, var(--c) 1%, #0000 0), + radial-gradient(circle at 43.75% 45.75%, var(--c) 1%, #0000 0), + radial-gradient(circle at 63% 43.5%, var(--c) 1%, #0000 0), + radial-gradient(circle at 37% 43.25%, var(--c) 1%, #0000 0), + linear-gradient(90deg, #c35cff 33%, #0000 0 67%, #4561ff 0), + radial-gradient(25% 20% at 50% 71%, #fff 50%, #0000 50.5%), + conic-gradient(at 50% 0, #0000 165deg, var(--c) 0 195deg, #0000 0) 50% 51.5% / 10% 24% no-repeat, + conic-gradient(at 0 35%, #0000 133deg, var(--c) 0 175deg, #0000 0) 49.25% 51.5% / 10% 24% no-repeat, + conic-gradient(at 100% 35%, #0000 185deg, var(--c) 0 227deg, #0000 0) 50.75% 51.5% / 10% 24% no-repeat, + radial-gradient(100% 140% at 115% 77%, #fff 54%, #0000 0) 57.75% 58.25% / 10% 24% no-repeat, + radial-gradient(220% 145% at 135% 73%, var(--c) 50%, #0000 0) 57.5% 58.25% / 10% 24% no-repeat, + radial-gradient(100% 140% at -15% 77%, #fff 54%, #0000 0) 42.25% 58.5% / 10% 24% no-repeat, + radial-gradient(220% 145% at -35% 73%, var(--c) 50%, #0000 0) 42.5% 58.5% / 10% 24% no-repeat, #fff; }