flag, payments fixes

src/pages/_docs/flags.md

@@ -27,7 +27,8 @@ Using Bootstrap’s typical naming structure, you can create a standard flag, or
 {% include ui/flag.html flag="pl" size="xl" class="mr-1" %}
 {% include ui/flag.html flag="pl" size="lg" class="mr-1" %}
 {% include ui/flag.html flag="pl" size="md" %}
-{% include ui/flag.html flag="pl" class="mr-1" %}
+{% include ui/flag.html flag="pl" size="sm" class="mr-1" %}
+{% include ui/flag.html flag="pl" size="xs" class="mr-1" %}
 {% endcapture %}
 {% include example.html code=code %}
 

src/scss/_variables.scss

@@ -517,17 +517,8 @@ $form-label-font-weight: $font-weight-medium !default;
 $caret-width: .36em !default;
 
 //Flags
-$generate-flags: true !default;
-$flag-sizes: (
-  "md": 2rem,
-  "lg": 3rem,
-  "xl": 4rem
-) !default;
+$flag-sizes: $avatar-sizes !default;
 
 //Payments
-$payment-sizes: (
-  "sm": 1.5rem,
-  "lg": 3rem,
-  "xl": 4rem
-) !default;
+$payment-sizes: $avatar-sizes !default;
 

src/scss/ui/_flags.scss

@@ -1,44 +1,42 @@
-@if $generate-flags {
-  $countries: (
-    "ad", "ae", "af", "ag", "ai", "al", "am", "ao", "aq", "ar", "as", "at", "au", "aw", "ax", "az", "ba", "bb", "bd",
-    "be", "bf", "bg", "bh", "bi", "bj", "bl", "bm", "bn", "bo", "bq", "br", "bs", "bt", "bv", "bw", "by", "bz", "ca",
-    "cc", "cd", "cf", "cg", "ch", "ci", "ck", "cl", "cm", "cn", "co", "cr", "cu", "cv", "cw", "cx", "cy", "cz", "de",
-    "dj", "dk", "dm", "do", "dz", "ec", "ee", "eg", "eh", "er", "es", "et", "fi", "fj", "fk", "fm", "fo", "fr", "ga",
-    "gb", "gd", "ge", "gf", "gg", "gh", "gi", "gl", "gm", "gn", "gp", "gq", "gr", "gs", "gt", "gu", "gw", "gy", "hk",
-    "hm", "hn", "hr", "ht", "hu", "id", "ie", "il", "im", "in", "io", "iq", "ir", "is", "it", "je", "jm", "jo", "jp",
-    "ke", "kg", "kh", "ki", "km", "kn", "kp", "kr", "kw", "ky", "kz", "la", "lb", "lc", "li", "lk", "lr", "ls", "lt",
-    "lu", "lv", "ly", "ma", "mc", "md", "me", "mf", "mg", "mh", "mk", "ml", "mm", "mn", "mo", "mp", "mq", "mr", "ms",
-    "mt", "mu", "mv", "mw", "mx", "my", "mz", "na", "nc", "ne", "nf", "ng", "ni", "nl", "no", "np", "nr", "nu", "nz",
-    "om", "pa", "pe", "pf", "pg", "ph", "pk", "pl", "pm", "pn", "pr", "ps", "pt", "pw", "py", "qa", "re", "ro", "rs",
-    "ru", "rw", "sa", "sb", "sc", "sd", "se", "sg", "sh", "si", "sj", "sk", "sl", "sm", "sn", "so", "sr", "ss", "st",
-    "sv", "sx", "sy", "sz", "tc", "td", "tf", "tg", "th", "tj", "tk", "tl", "tm", "tn", "to", "tr", "tt", "tv", "tw",
-    "tz", "ua", "ug", "um", "us", "uy", "uz", "va", "vc", "ve", "vg", "vi", "vn", "vu", "wf", "ws", "ye", "yt", "za",
-    "zm", "zw", "es-ct", "eu", "gb-eng", "gb-nir", "gb-sct", "gb-wls", "un"
-  );
+$countries: (
+  "ad", "ae", "af", "ag", "ai", "al", "am", "ao", "aq", "ar", "as", "at", "au", "aw", "ax", "az", "ba", "bb", "bd",
+  "be", "bf", "bg", "bh", "bi", "bj", "bl", "bm", "bn", "bo", "bq", "br", "bs", "bt", "bv", "bw", "by", "bz", "ca",
+  "cc", "cd", "cf", "cg", "ch", "ci", "ck", "cl", "cm", "cn", "co", "cr", "cu", "cv", "cw", "cx", "cy", "cz", "de",
+  "dj", "dk", "dm", "do", "dz", "ec", "ee", "eg", "eh", "er", "es", "et", "fi", "fj", "fk", "fm", "fo", "fr", "ga",
+  "gb", "gd", "ge", "gf", "gg", "gh", "gi", "gl", "gm", "gn", "gp", "gq", "gr", "gs", "gt", "gu", "gw", "gy", "hk",
+  "hm", "hn", "hr", "ht", "hu", "id", "ie", "il", "im", "in", "io", "iq", "ir", "is", "it", "je", "jm", "jo", "jp",
+  "ke", "kg", "kh", "ki", "km", "kn", "kp", "kr", "kw", "ky", "kz", "la", "lb", "lc", "li", "lk", "lr", "ls", "lt",
+  "lu", "lv", "ly", "ma", "mc", "md", "me", "mf", "mg", "mh", "mk", "ml", "mm", "mn", "mo", "mp", "mq", "mr", "ms",
+  "mt", "mu", "mv", "mw", "mx", "my", "mz", "na", "nc", "ne", "nf", "ng", "ni", "nl", "no", "np", "nr", "nu", "nz",
+  "om", "pa", "pe", "pf", "pg", "ph", "pk", "pl", "pm", "pn", "pr", "ps", "pt", "pw", "py", "qa", "re", "ro", "rs",
+  "ru", "rw", "sa", "sb", "sc", "sd", "se", "sg", "sh", "si", "sj", "sk", "sl", "sm", "sn", "so", "sr", "ss", "st",
+  "sv", "sx", "sy", "sz", "tc", "td", "tf", "tg", "th", "tj", "tk", "tl", "tm", "tn", "to", "tr", "tt", "tv", "tw",
+  "tz", "ua", "ug", "um", "us", "uy", "uz", "va", "vc", "ve", "vg", "vi", "vn", "vu", "wf", "ws", "ye", "yt", "za",
+  "zm", "zw", "es-ct", "eu", "gb-eng", "gb-nir", "gb-sct", "gb-wls", "un"
+);
 
-  .flag {
-    position: relative;
-    display: inline-block;
-    width: 1em * 1.33333;
-    height: 1em;
-    vertical-align: -3px;
-    background-repeat: no-repeat;
-    background-position: center;
-    background-size: cover;
-    border: 1px solid $border-color;
-    border-radius: 3px;
-  }
+.flag {
+  position: relative;
+  display: inline-block;
+  width: 1em * 1.33333;
+  height: 1em;
+  vertical-align: -3px;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: cover;
+  border: 1px solid $border-color;
+  border-radius: 3px;
+}
 
-  @each $country in $countries {
-    .flag-country-#{$country} {
-      background-image: url("#{$assets-base}/img/flags/#{$country}.svg");
-    }
+@each $country in $countries {
+  .flag-country-#{$country} {
+    background-image: url("#{$assets-base}/img/flags/#{$country}.svg");
   }
+}
 
-  @each $flag-size, $size in $flag-sizes {
-    .flag-#{$flag-size} {
-      width: $size * 1.33333;
-      height: $size;
-    }
+@each $flag-size, $size in $flag-sizes {
+  .flag-#{$flag-size} {
+    width: $size * 1.33333;
+    height: $size;
   }
 }