@geira/iconfont 0.3.2 → 4.0.0

package/src/js/script.js

@@ -1,51 +0,0 @@
-(function () {
-    var icons = window.iconsOriginal;
-    let iconsCount = 0;
-
-    let parent = document.getElementById("icons");
-
-    for (let i in icons) {
-        iconsCount++;
-        let item = icons[i];
-        let element = "<li class='icon'><div>" +
-            "<i class='geira-icons'>" + item.name + "</i>" +
-            "<span class='name'>" + item.name + "</span>" +
-            "<span class='unicode'>\\" + item.uni + "</span>" +
-            "<span class='decimal'>" + item.dec + "</span>" +
-            "<span class='tags'>" + item.tags + "</span> " +
-            "</div></li>";
-        parent.innerHTML += element;
-    }
-
-    document.getElementById("quantity").textContent = iconsCount.toString();
-
-    function searcher() {
-        // Declare variables
-        var input, filter, ul, li, name, i, tags, txtValue, txtValue2;
-        input = document.getElementById('match');
-        filter = input.value.toUpperCase();
-        ul = document.getElementById("icons");
-        li = ul.getElementsByTagName('li');
-
-        // Loop through all list items, and hide those who don't match the search query
-        for (i = 0; i < li.length; i++) {
-            name = li[i].getElementsByClassName("name")[0];
-            tags = li[i].getElementsByClassName("tags")[0];
-
-            txtValue = name.textContent || name.innerText;
-            txtValue2 = tags.textContent || tags.innerText;
-
-            if (txtValue.toUpperCase().indexOf(filter) > -1 || txtValue2.toUpperCase().indexOf(filter) > -1) {
-                li[i].style.display = "";
-            } else {
-                li[i].style.display = "none";
-            }
-        }
-    }
-
-    let matcher = document.getElementById("match");
-    matcher.addEventListener('keyup', e => {
-        searcher()
-    })
-
-})();

package/src/js/utils.js

@@ -1,74 +0,0 @@
-String.fromCharCodeS = function () {
-  var v = arguments.length;
-  var w = "";
-  var s, u, x;
-  for (var t = 0; t < v; t++) {
-    x = arguments[t];
-    if (x < 1114112 && 65535 < x) {
-      s = Math.floor((x - 65536) / 1024) + 55296;
-      u = ((x - 65536) % 1024) + 56320;
-      w = w + String.fromCharCode(s, u)
-    } else {
-      if (x < 65536) {
-        w = w + String.fromCharCode(x)
-      }
-    }
-  }
-  return w
-};
-
-padLeft = function (u, t) {
-  if (!t || u.length >= t) {
-    return u
-  }
-  return Math.pow(10, t - u.length).toString().slice(1) + u
-};
-
-function d(s) {
-  if (s == 9 || s == 10 || s == 13 || s == 32) {
-    return true
-  }
-  return false
-}
-
-function g(u) {
-  var y = [];
-  var x = u.length;
-  var z = false;
-  var s, v;
-  for (var t = 0; t < x; t++) {
-    if (z == false && d(u.charCodeAt(t)) == true) {
-      y.push(u.charAt(t))
-    } else {
-      s = u.charCodeAt(t);
-      if (s < 56320 && 55295 < s && (t + 1) < x) {
-        v = u.charCodeAt(t + 1);
-        if (v < 57344 && 56319 < v) {
-          s = ((s - 55296) * 1024) + (v - 56320) + 65536;
-          t++
-        }
-      }
-      y.push(padLeft(s.toString(), 5))
-    }
-  }
-  return y.join("")
-}
-
-function m(t) {
-  var s = false;
-  var w, v = "";
-  v = "\\\\u"
-  return t.replace(new RegExp(v + "([0-9a-fA-F]{4})", "g"), function (u, x) {
-    w = parseInt(x, 16);
-    if (s == true) {
-      w = (((w & 255) << 8) | ((w & 65280) >>> 8))
-    }
-    return String.fromCharCode(w)
-  })
-}
-
-exports.f1 = (unicodeValue) => {
-  let t = m("\\u" + unicodeValue);
-  return g(t);
-}
-

package/src/scss/geira-icons.scss

@@ -1,150 +0,0 @@
-@charset "UTF-8";
-@font-face {
-  font-family  : 'Geira Icons';
-  font-style   : normal;
-  font-weight  : 400;
-  font-display : block;
-  src          : url(./fonts/GeiraIcons-Regular.eot);
-  src          : local('Geira Icons'),
-  local('GeiraIcons-Regular'),
-  url(./fonts/GeiraIcons-Regular.woff2) format('woff2'),
-  url(./fonts/GeiraIcons-Regular.woff) format('woff'),
-  url(./fonts/GeiraIcons-Regular.ttf) format('truetype');
-}
-
-.geira-icons, .geira-icons:before {
-  font-family             : 'Geira Icons';
-  font-weight             : normal;
-  font-style              : normal;
-  font-size               : 24px;
-  display                 : inline-block;
-  line-height             : 1;
-  text-transform          : none;
-  letter-spacing          : normal;
-  word-wrap               : normal;
-  white-space             : nowrap;
-  direction               : ltr;
-  -webkit-font-smoothing  : antialiased;
-  text-rendering          : optimizeLegibility;
-  -moz-osx-font-smoothing : grayscale;
-  font-feature-settings   : 'liga';
-}
-
-span.geira-icons:before {
-  content : "\E001";
-}
-
-.gi-18, .gi-18:before {
-  font-size : 18px !important
-}
-
-.gi-24, .gi-24:before {
-  font-size : 24px !important
-}
-
-.gi-36, .gi-36:before {
-  font-size : 36px !important
-}
-
-.gi-48, .gi-48:before {
-  font-size : 48px !important
-}
-
-.gi-dark, .gi-dark:before {
-  color : rgba(0, 0, 0, 0.54)
-}
-
-.gi-dark.gi-inactive, .gi-dark.gi-inactive:before {
-  color : rgba(0, 0, 0, 0.26)
-}
-
-.gi-light, .gi-light:before {
-  color : #ffffff
-}
-
-.gi-light.gi-inactive, .gi-light.gi-inactive:before {
-  color : rgba(255, 255, 255, 0.3)
-}
-
-.gi-rotate-45, .gi-rotate-45:before {
-  -webkit-transform : rotate(45deg);
-  -ms-transform     : rotate(45deg);
-  transform         : rotate(45deg)
-}
-
-.gi-rotate-90, .gi-rotate-90:before {
-  -webkit-transform : rotate(90deg);
-  -ms-transform     : rotate(90deg);
-  transform         : rotate(90deg)
-}
-
-.gi-rotate-135, .gi-rotate-135:before {
-  -webkit-transform : rotate(135deg);
-  -ms-transform     : rotate(135deg);
-  transform         : rotate(135deg)
-}
-
-.gi-rotate-180, .gi-rotate-180:before {
-  -webkit-transform : rotate(180deg);
-  -ms-transform     : rotate(180deg);
-  transform         : rotate(180deg)
-}
-
-.gi-rotate-225, .gi-rotate-225:before {
-  -webkit-transform : rotate(225deg);
-  -ms-transform     : rotate(225deg);
-  transform         : rotate(225deg)
-}
-
-.gi-rotate-270, .gi-rotate-270:before {
-  -webkit-transform : rotate(270deg);
-  -ms-transform     : rotate(270deg);
-  transform         : rotate(270deg)
-}
-
-.gi-rotate-315, .gi-rotate-315:before {
-  -webkit-transform : rotate(315deg);
-  -ms-transform     : rotate(315deg);
-  transform         : rotate(315deg)
-}
-
-.gi-flip-h, .gi-flip-h:before {
-  -webkit-transform : scaleX(-1);
-  transform         : scaleX(-1);
-  filter            : FlipH;
-  -ms-filter        : "FlipH"
-}
-
-.gi-flip-v, .gi-flip-v:before {
-  -webkit-transform : scaleY(-1);
-  transform         : scaleY(-1);
-  filter            : FlipV;
-  -ms-filter        : "FlipV"
-}
-
-.gi-spin, .gi-spin:before {
-  -webkit-animation : gi-spin 2s infinite linear;
-  animation         : gi-spin 2s infinite linear
-}
-
-@-webkit-keyframes gi-spin {
-  0% {
-    -webkit-transform : rotate(0deg);
-    transform         : rotate(0deg)
-  }
-  100% {
-    -webkit-transform : rotate(359deg);
-    transform         : rotate(359deg)
-  }
-}
-
-@keyframes gi-spin {
-  0% {
-    -webkit-transform : rotate(0deg);
-    transform         : rotate(0deg)
-  }
-  100% {
-    -webkit-transform : rotate(359deg);
-    transform         : rotate(359deg)
-  }
-}

package/src/scss/styles.scss

@@ -1,286 +0,0 @@
-* {
-  margin  : 0;
-  padding : 0;
-  color   : #263238;
-}
-
-html, body {
-  height : 100%;
-  min-width: 320px;
-}
-
-body {
-  font-family : "Trebuchet MS", Helvetica, sans-serif;
-  font-size   : 1.2em;
-}
-
-.main {
-  display        : flex;
-  flex-direction : column;
-  min-height     : 100%;
-}
-
-h2, h3, h4, h5 {
-  margin-bottom : 15px;
-  color         : #546e7a;
-}
-
-h2 {
-  font-weight : normal;
-  color       : #ff8a65;
-}
-
-h5 {
-  color : #ff8a65;
-}
-
-a {
-  text-decoration : none;
-  color           : #00acc1;
-}
-
-header {
-  padding          : 0;
-  background-color : #fbe9e7;
-  box-shadow       : 0 0 8px rgba(0, 0, 0, .3);
-  position         : fixed;
-  width            : 100%;
-  text-align       : center;
-  z-index          : 2;
-  display          : flex;
-  align-content    : center;
-  align-items      : center;
-  place-content    : center space-between;
-}
-
-header h1 {
-  font-size : 1.5em;
-  color     : #e64a19;
-  padding   : 20px 20px;
-}
-
-header a {
-  color : #00838f;
-}
-
-header ul li {
-  display        : inline-block;
-  padding        : 8px 20px;
-  text-transform : uppercase;
-  font-size      : 1em;
-}
-
-header ul.logos {
-  padding-right : 10px;
-}
-
-header ul.logos li {
-  padding : 0 10px;
-}
-
-header ul li a {
-  color           : #00838f;
-  text-decoration : none;
-  display         : flex;
-  align-items     : center;
-}
-
-header ul.logos li a i {
-  color : #00838f;
-}
-
-header ul li.active a {
-  color  : #ff8a65;
-  cursor : default;
-}
-
-.title-h2 {
-  margin-top: 110px;
-}
-
-.container {
-  flex-grow : 1;
-}
-
-.search {
-  display       : flex;
-  margin-top    : 110px;
-  align-items   : center;
-  place-content : center;
-  margin-bottom : 20px;
-}
-
-.search #match {
-  max-width     : 400px;
-  width         : 90%;
-  padding       : 15px 20px;
-  font-size     : 18px;
-  border-radius : 10px;
-  border        : 1px solid #cfd8dc;
-}
-
-.center {
-  text-align : center;
-}
-
-p {
-  margin-bottom : 10px;
-  font-size     : .8em;
-  line-height   : 1.3;
-}
-
-.block {
-  background-color : #eceff1;
-  margin-bottom    : 30px;
-}
-
-.icons-preview {
-  line-height      : 0;
-  padding          : 10px;
-  background-color : #fbe9e7;
-  display          : flex;
-  align-items      : center;
-}
-
-.icons-code {
-  padding    : 20px;
-  text-align : center;
-}
-
-.row {
-  display        : flex;
-  flex-direction : row;
-  align-items    : stretch;
-}
-
-.some-class:before {
-  content   : "\E0BA";
-  font-size : 48px;
-
-}
-
-.geira-icons {
-  font-size : 48px;
-}
-
-#icons {
-  height        : 100%;
-  min-height    : 100%;
-  min-width     : 100%;
-  width         : 100%;
-  flex-flow     : row wrap;
-  box-sizing    : border-box;
-  display       : flex;
-  place-content : center;
-}
-
-.icon {
-  flex       : 1 1 10%;
-  box-sizing : border-box;
-  max-width  : 10%;
-  padding    : 10px;
-  list-style : none;
-}
-
-.icon > div {
-  height         : 100%;
-  min-height     : 100%;
-  min-width      : 100%;
-  width          : 100%;
-  place-content  : center;
-  align-items    : center;
-  flex-direction : column;
-  box-sizing     : border-box;
-  display        : flex;
-  border         : 1px solid #eceff1;
-  border-radius  : 10px;
-  padding        : 10px 5px 5px;
-}
-
-.icon i {
-  color : #d84315;
-}
-
-.icon span {
-  margin      : 5px 0;
-  font-size   : .6em;
-  font-weight : bold;
-  color       : #b0bec5;
-}
-
-span.name {
-  font-size : .8em;
-  color     : #455a64;
-}
-
-span.tags {
-  display : none;
-}
-
-#quantity {
-  color            : #90a4ae;
-  font-size        : .8em;
-  background-color : #ffffff;
-  padding          : 2px 5px;
-  margin-left      : 4px;
-  border-radius    : 5px;
-}
-
-#version {
-  font-size : .4em;
-  color     : #546e7a;
-}
-
-footer {
-  background-color : #fbe9e7;
-  padding          : 15px;
-  text-align       : center;
-  margin-top       : 40px;
-}
-
-footer p {
-  margin    : 0;
-  font-size : .6em;
-  color     : #607d8b;
-}
-
-@media all and (max-width: 1400px) {
-  .icon {
-    flex       : 1 1 16.6%;
-    max-width  : 16.6%;
-  }
-}
-
-@media all and (max-width: 1100px) {
-  .icon {
-    flex       : 1 1 25%;
-    max-width  : 25%;
-  }
-}
-
-@media all and (max-width: 876px) {
-  .icon {
-    flex       : 1 1 33.3%;
-    max-width  : 33.3%;
-  }
-
-  header {
-    position         : inherit;
-    width            : 100%;
-  }
-
-  .search {
-    margin-top: 30px;
-  }
-
-  .title-h2 {
-    margin-top: 30px;
-  }
-}
-
-@media all and (max-width: 600px) {
-  .icon {
-    flex       : 1 1 50%;
-    max-width  : 50%;
-  }
-}