less/roojs-bootstrap/phone-input.less
authorjohn <john@roojs.com>
Tue, 27 Mar 2018 05:03:05 +0000 (13:03 +0800)
committerjohn <john@roojs.com>
Tue, 27 Mar 2018 05:03:05 +0000 (13:03 +0800)
less/roojs-bootstrap/phone-input.less

index e380e71..46797b5 100644 (file)
@@ -1,3 +1,8 @@
+.tel-input {
+    padding-left: 55px;
+    padding-right: 10px;
+}
+
 .flag-container {
     position: absolute;
     height: 100%;
         margin-top: 10px;
     }
     .flag {
-        width: 30px;
+        box-shadow: 0px 0px 1px 0px #888;
+        background-image: url("#{$flagsImagePath}#{$flagsImageName}.#{$flagsImageExtension}");
+        background-repeat: no-repeat;
+        background-color: #DBDBDB;
+        background-position: $flagWidth 0;
+        width: 20px;
         height: inherit;
+        .ac {
+          height: 10px;
+          background-position: 0px 0px;
+        }
+        .ad {
+          height: 14px;
+          background-position: -22px 0px;
+        }
+        .ae {
+          height: 10px;
+          background-position: -44px 0px;
+        }
+        .af {
+          height: 14px;
+          background-position: -66px 0px;
+        }
+        .ag {
+          height: 14px;
+          background-position: -88px 0px;
+        }
+        .ai {
+          height: 10px;
+          background-position: -110px 0px;
+        }
+        .al {
+          height: 15px;
+          background-position: -132px 0px;
+        }
+        .am {
+          height: 10px;
+          background-position: -154px 0px;
+        }
+        .ao {
+          height: 14px;
+          background-position: -176px 0px;
+        }
+        .aq {
+          height: 14px;
+          background-position: -198px 0px;
+        }
+        .ar {
+          height: 13px;
+          background-position: -220px 0px;
+        }
+        .as {
+          height: 10px;
+          background-position: -242px 0px;
+        }
+        .at {
+          height: 14px;
+          background-position: -264px 0px;
+        }
+        .au {
+          height: 10px;
+          background-position: -286px 0px;
+        }
+        .aw {
+          height: 14px;
+          background-position: -308px 0px;
+        }
+        .ax {
+          height: 13px;
+          background-position: -330px 0px;
+        }
+        .az {
+          height: 10px;
+          background-position: -352px 0px;
+        }
+        .ba {
+          height: 10px;
+          background-position: -374px 0px;
+        }
+        .bb {
+          height: 14px;
+          background-position: -396px 0px;
+        }
+        .bd {
+          height: 12px;
+          background-position: -418px 0px;
+        }
+        .be {
+          height: 15px;
+          background-position: -440px 0px;
+        }
+        .bf {
+          height: 14px;
+          background-position: -460px 0px;
+        }
+        .bg {
+          height: 12px;
+          background-position: -482px 0px;
+        }
+        .bh {
+          height: 12px;
+          background-position: -504px 0px;
+        }
+        .bi {
+          height: 12px;
+          background-position: -526px 0px;
+        }
+        .bj {
+          height: 14px;
+          background-position: -548px 0px;
+        }
+        .bl {
+          height: 14px;
+          background-position: -570px 0px;
+        }
+        .bm {
+          height: 10px;
+          background-position: -592px 0px;
+        }
+        .bn {
+          height: 10px;
+          background-position: -614px 0px;
+        }
+        .bo {
+          height: 14px;
+          background-position: -636px 0px;
+        }
+        .bq {
+          height: 14px;
+          background-position: -658px 0px;
+        }
+        .br {
+          height: 14px;
+          background-position: -680px 0px;
+        }
+        .bs {
+          height: 10px;
+          background-position: -702px 0px;
+        }
+        .bt {
+          height: 14px;
+          background-position: -724px 0px;
+        }
+        .bv {
+          height: 15px;
+          background-position: -746px 0px;
+        }
+        .bw {
+          height: 14px;
+          background-position: -768px 0px;
+        }
+        .by {
+          height: 10px;
+          background-position: -790px 0px;
+        }
+        .bz {
+          height: 14px;
+          background-position: -812px 0px;
+        }
+        .ca {
+          height: 10px;
+          background-position: -834px 0px;
+        }
+        .cc {
+          height: 10px;
+          background-position: -856px 0px;
+        }
+        .cd {
+          height: 15px;
+          background-position: -878px 0px;
+        }
+        .cf {
+          height: 14px;
+          background-position: -900px 0px;
+        }
+        .cg {
+          height: 14px;
+          background-position: -922px 0px;
+        }
+        .ch {
+          height: 15px;
+          background-position: -944px 0px;
+        }
+        .ci {
+          height: 14px;
+          background-position: -961px 0px;
+        }
+        .ck {
+          height: 10px;
+          background-position: -983px 0px;
+        }
+        .cl {
+          height: 14px;
+          background-position: -1005px 0px;
+        }
+        .cm {
+          height: 14px;
+          background-position: -1027px 0px;
+        }
+        .cn {
+          height: 14px;
+          background-position: -1049px 0px;
+        }
+        .co {
+          height: 14px;
+          background-position: -1071px 0px;
+        }
+        .cp {
+          height: 14px;
+          background-position: -1093px 0px;
+        }
+        .cr {
+          height: 12px;
+          background-position: -1115px 0px;
+        }
+        .cu {
+          height: 10px;
+          background-position: -1137px 0px;
+        }
+        .cv {
+          height: 12px;
+          background-position: -1159px 0px;
+        }
+        .cw {
+          height: 14px;
+          background-position: -1181px 0px;
+        }
+        .cx {
+          height: 10px;
+          background-position: -1203px 0px;
+        }
+        .cy {
+          height: 13px;
+          background-position: -1225px 0px;
+        }
+        .cz {
+          height: 14px;
+          background-position: -1247px 0px;
+        }
+        .de {
+          height: 12px;
+          background-position: -1269px 0px;
+        }
+        .dg {
+          height: 10px;
+          background-position: -1291px 0px;
+        }
+        .dj {
+          height: 14px;
+          background-position: -1313px 0px;
+        }
+        .dk {
+          height: 15px;
+          background-position: -1335px 0px;
+        }
+        .dm {
+          height: 10px;
+          background-position: -1357px 0px;
+        }
+        .do {
+          height: 13px;
+          background-position: -1379px 0px;
+        }
+        .dz {
+          height: 14px;
+          background-position: -1401px 0px;
+        }
+        .ea {
+          height: 14px;
+          background-position: -1423px 0px;
+        }
+        .ec {
+          height: 14px;
+          background-position: -1445px 0px;
+        }
+        .ee {
+          height: 13px;
+          background-position: -1467px 0px;
+        }
+        .eg {
+          height: 14px;
+          background-position: -1489px 0px;
+        }
+        .eh {
+          height: 10px;
+          background-position: -1511px 0px;
+        }
+        .er {
+          height: 10px;
+          background-position: -1533px 0px;
+        }
+        .es {
+          height: 14px;
+          background-position: -1555px 0px;
+        }
+        .et {
+          height: 10px;
+          background-position: -1577px 0px;
+        }
+        .eu {
+          height: 14px;
+          background-position: -1599px 0px;
+        }
+        .fi {
+          height: 12px;
+          background-position: -1621px 0px;
+        }
+        .fj {
+          height: 10px;
+          background-position: -1643px 0px;
+        }
+        .fk {
+          height: 10px;
+          background-position: -1665px 0px;
+        }
+        .fm {
+          height: 11px;
+          background-position: -1687px 0px;
+        }
+        .fo {
+          height: 15px;
+          background-position: -1709px 0px;
+        }
+        .fr {
+          height: 14px;
+          background-position: -1731px 0px;
+        }
+        .ga {
+          height: 15px;
+          background-position: -1753px 0px;
+        }
+        .gb {
+          height: 10px;
+          background-position: -1775px 0px;
+        }
+        .gd {
+          height: 12px;
+          background-position: -1797px 0px;
+        }
+        .ge {
+          height: 14px;
+          background-position: -1819px 0px;
+        }
+        .gf {
+          height: 14px;
+          background-position: -1841px 0px;
+        }
+        .gg {
+          height: 14px;
+          background-position: -1863px 0px;
+        }
+        .gh {
+          height: 14px;
+          background-position: -1885px 0px;
+        }
+        .gi {
+          height: 10px;
+          background-position: -1907px 0px;
+        }
+        .gl {
+          height: 14px;
+          background-position: -1929px 0px;
+        }
+        .gm {
+          height: 14px;
+          background-position: -1951px 0px;
+        }
+        .gn {
+          height: 14px;
+          background-position: -1973px 0px;
+        }
+        .gp {
+          height: 14px;
+          background-position: -1995px 0px;
+        }
+        .gq {
+          height: 14px;
+          background-position: -2017px 0px;
+        }
+        .gr {
+          height: 14px;
+          background-position: -2039px 0px;
+        }
+        .gs {
+          height: 10px;
+          background-position: -2061px 0px;
+        }
+        .gt {
+          height: 13px;
+          background-position: -2083px 0px;
+        }
+        .gu {
+          height: 11px;
+          background-position: -2105px 0px;
+        }
+        .gw {
+          height: 10px;
+          background-position: -2127px 0px;
+        }
+        .gy {
+          height: 12px;
+          background-position: -2149px 0px;
+        }
+        .hk {
+          height: 14px;
+          background-position: -2171px 0px;
+        }
+        .hm {
+          height: 10px;
+          background-position: -2193px 0px;
+        }
+        .hn {
+          height: 10px;
+          background-position: -2215px 0px;
+        }
+        .hr {
+          height: 10px;
+          background-position: -2237px 0px;
+        }
+        .ht {
+          height: 12px;
+          background-position: -2259px 0px;
+        }
+        .hu {
+          height: 10px;
+          background-position: -2281px 0px;
+        }
+        .ic {
+          height: 14px;
+          background-position: -2303px 0px;
+        }
+        .id {
+          height: 14px;
+          background-position: -2325px 0px;
+        }
+        .ie {
+          height: 10px;
+          background-position: -2347px 0px;
+        }
+        .il {
+          height: 15px;
+          background-position: -2369px 0px;
+        }
+        .im {
+          height: 10px;
+          background-position: -2391px 0px;
+        }
+        .in {
+          height: 14px;
+          background-position: -2413px 0px;
+        }
+        .io {
+          height: 10px;
+          background-position: -2435px 0px;
+        }
+        .iq {
+          height: 14px;
+          background-position: -2457px 0px;
+        }
+        .ir {
+          height: 12px;
+          background-position: -2479px 0px;
+        }
+        .is {
+          height: 15px;
+          background-position: -2501px 0px;
+        }
+        .it {
+          height: 14px;
+          background-position: -2523px 0px;
+        }
+        .je {
+          height: 12px;
+          background-position: -2545px 0px;
+        }
+        .jm {
+          height: 10px;
+          background-position: -2567px 0px;
+        }
+        .jo {
+          height: 10px;
+          background-position: -2589px 0px;
+        }
+        .jp {
+          height: 14px;
+          background-position: -2611px 0px;
+        }
+        .ke {
+          height: 14px;
+          background-position: -2633px 0px;
+        }
+        .kg {
+          height: 12px;
+          background-position: -2655px 0px;
+        }
+        .kh {
+          height: 13px;
+          background-position: -2677px 0px;
+        }
+        .ki {
+          height: 10px;
+          background-position: -2699px 0px;
+        }
+        .km {
+          height: 12px;
+          background-position: -2721px 0px;
+        }
+        .kn {
+          height: 14px;
+          background-position: -2743px 0px;
+        }
+        .kp {
+          height: 10px;
+          background-position: -2765px 0px;
+        }
+        .kr {
+          height: 14px;
+          background-position: -2787px 0px;
+        }
+        .kw {
+          height: 10px;
+          background-position: -2809px 0px;
+        }
+        .ky {
+          height: 10px;
+          background-position: -2831px 0px;
+        }
+        .kz {
+          height: 10px;
+          background-position: -2853px 0px;
+        }
+        .la {
+          height: 14px;
+          background-position: -2875px 0px;
+        }
+        .lb {
+          height: 14px;
+          background-position: -2897px 0px;
+        }
+        .lc {
+          height: 10px;
+          background-position: -2919px 0px;
+        }
+        .li {
+          height: 12px;
+          background-position: -2941px 0px;
+        }
+        .lk {
+          height: 10px;
+          background-position: -2963px 0px;
+        }
+        .lr {
+          height: 11px;
+          background-position: -2985px 0px;
+        }
+        .ls {
+          height: 14px;
+          background-position: -3007px 0px;
+        }
+        .lt {
+          height: 12px;
+          background-position: -3029px 0px;
+        }
+        .lu {
+          height: 12px;
+          background-position: -3051px 0px;
+        }
+        .lv {
+          height: 10px;
+          background-position: -3073px 0px;
+        }
+        .ly {
+          height: 10px;
+          background-position: -3095px 0px;
+        }
+        .ma {
+          height: 14px;
+          background-position: -3117px 0px;
+        }
+        .mc {
+          height: 15px;
+          background-position: -3139px 0px;
+        }
+        .md {
+          height: 10px;
+          background-position: -3160px 0px;
+        }
+        .me {
+          height: 10px;
+          background-position: -3182px 0px;
+        }
+        .mf {
+          height: 14px;
+          background-position: -3204px 0px;
+        }
+        .mg {
+          height: 14px;
+          background-position: -3226px 0px;
+        }
+        .mh {
+          height: 11px;
+          background-position: -3248px 0px;
+        }
+        .mk {
+          height: 10px;
+          background-position: -3270px 0px;
+        }
+        .ml {
+          height: 14px;
+          background-position: -3292px 0px;
+        }
+        .mm {
+          height: 14px;
+          background-position: -3314px 0px;
+        }
+        .mn {
+          height: 10px;
+          background-position: -3336px 0px;
+        }
+        .mo {
+          height: 14px;
+          background-position: -3358px 0px;
+        }
+        .mp {
+          height: 10px;
+          background-position: -3380px 0px;
+        }
+        .mq {
+          height: 14px;
+          background-position: -3402px 0px;
+        }
+        .mr {
+          height: 14px;
+          background-position: -3424px 0px;
+        }
+        .ms {
+          height: 10px;
+          background-position: -3446px 0px;
+        }
+        .mt {
+          height: 14px;
+          background-position: -3468px 0px;
+        }
+        .mu {
+          height: 14px;
+          background-position: -3490px 0px;
+        }
+        .mv {
+          height: 14px;
+          background-position: -3512px 0px;
+        }
+        .mw {
+          height: 14px;
+          background-position: -3534px 0px;
+        }
+        .mx {
+          height: 12px;
+          background-position: -3556px 0px;
+        }
+        .my {
+          height: 10px;
+          background-position: -3578px 0px;
+        }
+        .mz {
+          height: 14px;
+          background-position: -3600px 0px;
+        }
+        .na {
+          height: 14px;
+          background-position: -3622px 0px;
+        }
+        .nc {
+          height: 10px;
+          background-position: -3644px 0px;
+        }
+        .ne {
+          height: 15px;
+          background-position: -3666px 0px;
+        }
+        .nf {
+          height: 10px;
+          background-position: -3686px 0px;
+        }
+        .ng {
+          height: 10px;
+          background-position: -3708px 0px;
+        }
+        .ni {
+          height: 12px;
+          background-position: -3730px 0px;
+        }
+        .nl {
+          height: 14px;
+          background-position: -3752px 0px;
+        }
+        .no {
+          height: 15px;
+          background-position: -3774px 0px;
+        }
+        .np {
+          height: 15px;
+          background-position: -3796px 0px;
+        }
+        .nr {
+          height: 10px;
+          background-position: -3811px 0px;
+        }
+        .nu {
+          height: 10px;
+          background-position: -3833px 0px;
+        }
+        .nz {
+          height: 10px;
+          background-position: -3855px 0px;
+        }
+        .om {
+          height: 10px;
+          background-position: -3877px 0px;
+        }
+        .pa {
+          height: 14px;
+          background-position: -3899px 0px;
+        }
+        .pe {
+          height: 14px;
+          background-position: -3921px 0px;
+        }
+        .pf {
+          height: 14px;
+          background-position: -3943px 0px;
+        }
+        .pg {
+          height: 15px;
+          background-position: -3965px 0px;
+        }
+        .ph {
+          height: 10px;
+          background-position: -3987px 0px;
+        }
+        .pk {
+          height: 14px;
+          background-position: -4009px 0px;
+        }
+        .pl {
+          height: 13px;
+          background-position: -4031px 0px;
+        }
+        .pm {
+          height: 14px;
+          background-position: -4053px 0px;
+        }
+        .pn {
+          height: 10px;
+          background-position: -4075px 0px;
+        }
+        .pr {
+          height: 14px;
+          background-position: -4097px 0px;
+        }
+        .ps {
+          height: 10px;
+          background-position: -4119px 0px;
+        }
+        .pt {
+          height: 14px;
+          background-position: -4141px 0px;
+        }
+        .pw {
+          height: 13px;
+          background-position: -4163px 0px;
+        }
+        .py {
+          height: 11px;
+          background-position: -4185px 0px;
+        }
+        .qa {
+          height: 8px;
+          background-position: -4207px 0px;
+        }
+        .re {
+          height: 14px;
+          background-position: -4229px 0px;
+        }
+        .ro {
+          height: 14px;
+          background-position: -4251px 0px;
+        }
+        .rs {
+          height: 14px;
+          background-position: -4273px 0px;
+        }
+        .ru {
+          height: 14px;
+          background-position: -4295px 0px;
+        }
+        .rw {
+          height: 14px;
+          background-position: -4317px 0px;
+        }
+        .sa {
+          height: 14px;
+          background-position: -4339px 0px;
+        }
+        .sb {
+          height: 10px;
+          background-position: -4361px 0px;
+        }
+        .sc {
+          height: 10px;
+          background-position: -4383px 0px;
+        }
+        .sd {
+          height: 10px;
+          background-position: -4405px 0px;
+        }
+        .se {
+          height: 13px;
+          background-position: -4427px 0px;
+        }
+        .sg {
+          height: 14px;
+          background-position: -4449px 0px;
+        }
+        .sh {
+          height: 10px;
+          background-position: -4471px 0px;
+        }
+        .si {
+          height: 10px;
+          background-position: -4493px 0px;
+        }
+        .sj {
+          height: 15px;
+          background-position: -4515px 0px;
+        }
+        .sk {
+          height: 14px;
+          background-position: -4537px 0px;
+        }
+        .sl {
+          height: 14px;
+          background-position: -4559px 0px;
+        }
+        .sm {
+          height: 15px;
+          background-position: -4581px 0px;
+        }
+        .sn {
+          height: 14px;
+          background-position: -4603px 0px;
+        }
+        .so {
+          height: 14px;
+          background-position: -4625px 0px;
+        }
+        .sr {
+          height: 14px;
+          background-position: -4647px 0px;
+        }
+        .ss {
+          height: 10px;
+          background-position: -4669px 0px;
+        }
+        .st {
+          height: 10px;
+          background-position: -4691px 0px;
+        }
+        .sv {
+          height: 12px;
+          background-position: -4713px 0px;
+        }
+        .sx {
+          height: 14px;
+          background-position: -4735px 0px;
+        }
+        .sy {
+          height: 14px;
+          background-position: -4757px 0px;
+        }
+        .sz {
+          height: 14px;
+          background-position: -4779px 0px;
+        }
+        .ta {
+          height: 10px;
+          background-position: -4801px 0px;
+        }
+        .tc {
+          height: 10px;
+          background-position: -4823px 0px;
+        }
+        .td {
+          height: 14px;
+          background-position: -4845px 0px;
+        }
+        .tf {
+          height: 14px;
+          background-position: -4867px 0px;
+        }
+        .tg {
+          height: 13px;
+          background-position: -4889px 0px;
+        }
+        .th {
+          height: 14px;
+          background-position: -4911px 0px;
+        }
+        .tj {
+          height: 10px;
+          background-position: -4933px 0px;
+        }
+        .tk {
+          height: 10px;
+          background-position: -4955px 0px;
+        }
+        .tl {
+          height: 10px;
+          background-position: -4977px 0px;
+        }
+        .tm {
+          height: 14px;
+          background-position: -4999px 0px;
+        }
+        .tn {
+          height: 14px;
+          background-position: -5021px 0px;
+        }
+        .to {
+          height: 10px;
+          background-position: -5043px 0px;
+        }
+        .tr {
+          height: 14px;
+          background-position: -5065px 0px;
+        }
+        .tt {
+          height: 12px;
+          background-position: -5087px 0px;
+        }
+        .tv {
+          height: 10px;
+          background-position: -5109px 0px;
+        }
+        .tw {
+          height: 14px;
+          background-position: -5131px 0px;
+        }
+        .tz {
+          height: 14px;
+          background-position: -5153px 0px;
+        }
+        .ua {
+          height: 14px;
+          background-position: -5175px 0px;
+        }
+        .ug {
+          height: 14px;
+          background-position: -5197px 0px;
+        }
+        .um {
+          height: 11px;
+          background-position: -5219px 0px;
+        }
+        .us {
+          height: 11px;
+          background-position: -5241px 0px;
+        }
+        .uy {
+          height: 14px;
+          background-position: -5263px 0px;
+        }
+        .uz {
+          height: 10px;
+          background-position: -5285px 0px;
+        }
+        .va {
+          height: 15px;
+          background-position: -5307px 0px;
+        }
+        .vc {
+          height: 14px;
+          background-position: -5324px 0px;
+        }
+        .ve {
+          height: 14px;
+          background-position: -5346px 0px;
+        }
+        .vg {
+          height: 10px;
+          background-position: -5368px 0px;
+        }
+        .vi {
+          height: 14px;
+          background-position: -5390px 0px;
+        }
+        .vn {
+          height: 14px;
+          background-position: -5412px 0px;
+        }
+        .vu {
+          height: 12px;
+          background-position: -5434px 0px;
+        }
+        .wf {
+          height: 14px;
+          background-position: -5456px 0px;
+        }
+        .ws {
+          height: 10px;
+          background-position: -5478px 0px;
+        }
+        .xk {
+          height: 15px;
+          background-position: -5500px 0px;
+        }
+        .ye {
+          height: 14px;
+          background-position: -5522px 0px;
+        }
+        .yt {
+          height: 14px;
+          background-position: -5544px 0px;
+        }
+        .za {
+          height: 14px;
+          background-position: -5566px 0px;
+        }
+        .zm {
+          height: 14px;
+          background-position: -5588px 0px;
+        }
+        .zw {
+          height: 10px;
+          background-position: -5610px 0px;
+        }
     }
 }
-
-.tel-input {
-    padding-left: 55px;
-    padding-right: 10px;
-}
\ No newline at end of file