Sync

.prettierignore

@@ -0,0 +1,3 @@
+flag-icons.min.css
+main/
+temp/

.prettierrc.json

@@ -0,0 +1,20 @@
+{
+  "arrowParens": "avoid",
+  "bracketSpacing": false,
+  "printWidth": 80,
+  "proseWrap": "preserve",
+  "requirePragma": false,
+  "semi": true,
+  "singleQuote": true,
+  "tabWidth": 2,
+  "trailingComma": "all",
+  "useTabs": false,
+  "overrides": [
+    {
+      "files": "*.json",
+      "options": {
+        "printWidth": 200
+      }
+    }
+  ]
+}

README.md

@@ -1,19 +1,15 @@
-# flag-icon-css
+# flag-icons
 
-[![npm version](https://badge.fury.io/js/flag-icon-css.svg)](https://badge.fury.io/js/flag-icon-css)
-[![Bower version](https://badge.fury.io/bo/flag-icon-css.svg)](https://badge.fury.io/bo/flag-icon-css)
+> A collection of all country flags in SVG — plus the CSS for easier integration.
+> See the [demo](https://flagicons.lipis.dev).
 
-A collection of all country flags in SVG — plus the CSS for easier integration.
-See the [demo](http://lipis.github.io/flag-icon-css/).
+## Install
 
-Install
--------
-You can either [download](https://github.com/lipis/flag-icon-css/archive/master.zip)
+You can either [download](https://github.com/lipis/flag-icons/archive/master.zip)
 the whole project as is or install it via Bower or NPM:
 
 ```bash
-$ bower install flag-icon-css
-$ npm install flag-icon-css
+$ npm install flag-icons
 ```
 
 ## Usage
@@ -68,7 +64,7 @@ $ grunt connect
 
 To have only specific countries in the css file, remove the ones that you don't
 need from the
-[`flag-icon-list.less`](https://github.com/lipis/flag-icon-css/blob/master/less/flag-icon-list.less)
+[`flag-icon-list.less`](https://github.com/lipis/flag-icons/blob/master/less/flag-icon-list.less)
 file and build it again.
 
 ## Credits

assets/docs.css

@@ -59,8 +59,8 @@ h6 {
   color: #fff;
 }
 .jumbotron iframe {
-  width: 100px!important;
-  height: 20px!important;
+  width: 100px !important;
+  height: 20px !important;
   border: none;
   overflow: hidden;
   margin: 2px;
@@ -132,7 +132,7 @@ h6 {
 }
 footer {
   text-align: center;
-  opacity: .8;
+  opacity: 0.8;
   padding: 50px;
   background: linear-gradient(to right, #f4c01a, #0d6632);
 }

assets/docs.js

@@ -1,10 +1,10 @@
 window.onload = function () {
   $('.all-flags .flag-icon-background').click(function(event){
-    var flag = $(event.currentTarget).attr('title');
-    var w = 640;
-    var h = 480;
-    var left = (screen.width / 2) - (w / 2);
-    var top = (screen.height / 2) - (h / 2);
+    const flag = $(event.currentTarget).attr('title');
+    const w = 640;
+    const h = 480;
+    const left = window.outerWidth / 2 + window.screenX - ( w / 2);
+    const top = window.outerHeight / 2 + window.screenY - ( h / 2);
 
     if (flag) {
       window.open('flags/4x3/' + flag + '.svg', 'flag-4x3', 'width=' + w + ', height=' + h + ', top=' + top + ', left=' + left);

assets/docs.less

@@ -1,12 +1,17 @@
-@color-from:   #0d6632;
+@color-from: #0d6632;
 @color-to: #f4c01a;
 
 body {
   font-weight: 300;
   -webkit-font-smoothing: antialiased;
 }
 
-h1, h2, h3, h4, h5, h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
   font-weight: 300;
 }
 
@@ -26,7 +31,10 @@ h1, h2, h3, h4, h5, h6 {
 
   .flag {
     position: absolute;
-    top: 0; bottom: 0; right: 0; left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    left: 0;
     width: 100%;
     height: 100%;
     background-size: cover;
@@ -47,7 +55,7 @@ h1, h2, h3, h4, h5, h6 {
   position: relative;
   font-size: 16px;
   color: #fff;
-  color: rgba(255,255,255,.75);
+  color: rgba(255, 255, 255, 0.75);
   text-align: center;
   border-radius: 0;
   padding-bottom: 80px;
@@ -59,15 +67,14 @@ h1, h2, h3, h4, h5, h6 {
     color: #fff;
   }
   iframe {
-    width: 100px!important;
-    height: 20px!important;
+    width: 100px !important;
+    height: 20px !important;
     border: none;
     overflow: hidden;
     margin: 2px;
   }
 
-  p
-  a,
+  p a,
   .jumbotron-links a {
     font-weight: 500;
     color: #fff;
@@ -106,8 +113,8 @@ h1, h2, h3, h4, h5, h6 {
   color: #fff; /* redeclare to override the `.jumbotron a` */
   background-color: transparent;
   border-color: #fff;
-  border-color: rgba(255,255,255,.5);
-  transition: all .1s ease-in-out;
+  border-color: rgba(255, 255, 255, 0.5);
+  transition: all 0.1s ease-in-out;
   &:hover,
   &:active {
     color: @color-from;
@@ -139,7 +146,7 @@ h1, h2, h3, h4, h5, h6 {
 
 footer {
   text-align: center;
-  opacity: .8;
+  opacity: 0.8;
   padding: 50px;
   background: linear-gradient(to right, @color-to, @color-from);
 

convertSvgToAssetCatalog.sh

@@ -0,0 +1,35 @@
+#!/bin/bash
+
+usage() {
+  echo "$1"
+  echo "Usage: $0 <input_folder> <output_folder>"
+  echo "Quit..."
+}
+
+INPUT_FOLDER=$1
+OUTPUT_FOLDER=$2
+
+if [ -z "$INPUT_FOLDER" ]; then usage "Input Folder missing!"; exit 1; fi
+if [ -z "$OUTPUT_FOLDER" ]; then usage "Output Folder missing!"; exit 1; fi
+
+command -v rsvg-convert >/dev/null 2>&1 || { 
+  echo >&2 usage "RsvgConvert missing - Install using \"brew install librsvg\"."; exit 1;
+}
+
+SVG_LIST=($(ls $INPUT_FOLDER/*.svg))
+JSON="{\"images\":[{\"idiom\":\"universal\",\"filename\":\"##FILE_NAME##\"}],\"info\":{\"version\":1,\"author\":\"xcode\"},\"properties\":{\"preserves-vector-representation\":true}}"
+ASSET_FOLDER="/tmp/Assets.xcassets"
+
+
+rm -rf $ASSET_FOLDER
+
+for SVG in "${SVG_LIST[@]}"; do
+  ID=$(echo $(basename $SVG) | cut -d. -f1)
+  IMAGESET="$ASSET_FOLDER/$ID.imageset"
+
+  mkdir -p $IMAGESET
+  rsvg-convert -f pdf -o $IMAGESET/$ID.pdf $SVG
+  echo ${JSON/"##FILE_NAME##"/"$ID.pdf"} > "$IMAGESET/Contents.json"
+done
+
+mv $ASSET_FOLDER $OUTPUT_FOLDER

css/flag-icon.css → css/flag-icons.css

@@ -13,7 +13,7 @@
   line-height: 1em;
 }
 .flag-icon:before {
-  content: "\00a0";
+  content: '\00a0';
 }
 .flag-icon.flag-icon-squared {
   width: 1em;
@@ -1518,6 +1518,12 @@
 .flag-icon-es-ct.flag-icon-squared {
   background-image: url(../flags/1x1/es-ct.svg);
 }
+.flag-icon-es-ga {
+  background-image: url(../flags/4x3/es-ga.svg);
+}
+.flag-icon-es-ga.flag-icon-squared {
+  background-image: url(../flags/1x1/es-ga.svg);
+}
 .flag-icon-eu {
   background-image: url(../flags/4x3/eu.svg);
 }
@@ -1554,3 +1560,9 @@
 .flag-icon-un.flag-icon-squared {
   background-image: url(../flags/1x1/un.svg);
 }
+.flag-icon-xk {
+  background-image: url(../flags/4x3/xk.svg);
+}
+.flag-icon-xk.flag-icon-squared {
+  background-image: url(../flags/1x1/xk.svg);
+}