Fontawesome ist auf dem neuesten Stand und funktioniert weiterhin ohne Javascript

resources/assets/js/scriptStartPage.js

@@ -163,7 +163,7 @@ function loadSavedResults() {
     <div class="focus">\
       <input id="savedResults" class="focus-radio hide" name="focus" value="container" form="searchForm" type="radio" required="">\
       <label id="saved-results-label" class="focus-label" for="savedResults">\
-        <span class="glyphicon glyphicon-floppy-disk"></span>\
+        <i class="fas fa-save"></i>\
         <span class="content">gespeicherte Ergebnisse</span>\
         <span class="badge">' + results.length + '</span>\
       </label>\

resources/assets/less/default.less

-@import "./font-awesome/less/font-awesome.less";
+@import "./font-awesome/fontawesome.less";
+@import "./font-awesome/solid.less";
 @import "./bootstrap/bootstrap.less";
 @import "./metager/metager.less";
\ No newline at end of file

resources/assets/less/font-awesome/_animated.less

+// Animated Icons
+// --------------------------
+
+.@{fa-css-prefix}-spin {
+  animation: fa-spin 2s infinite linear;
+}
+
+.@{fa-css-prefix}-pulse {
+  animation: fa-spin 1s infinite steps(8);
+}
+
+@keyframes fa-spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}

resources/assets/less/font-awesome/less/bordered-pulled.less → resources/assets/less/font-awesome/_bordered-pulled.less

@@ -2,24 +2,15 @@
 // -------------------------
 
 .@{fa-css-prefix}-border {
-  padding: .2em .25em .15em;
-  border: solid .08em @fa-border-color;
   border-radius: .1em;
+  border: solid .08em @fa-border-color;
+  padding: .2em .25em .15em;
 }
 
 .@{fa-css-prefix}-pull-left { float: left; }
 .@{fa-css-prefix}-pull-right { float: right; }
 
-.@{fa-css-prefix} {
+.@{fa-css-prefix}, .fas, .far, .fal, .fab {
   &.@{fa-css-prefix}-pull-left { margin-right: .3em; }
   &.@{fa-css-prefix}-pull-right { margin-left: .3em; }
 }
-
-/* Deprecated as of 4.4.0 */
-.pull-right { float: right; }
-.pull-left { float: left; }
-
-.@{fa-css-prefix} {
-  &.pull-left { margin-right: .3em; }
-  &.pull-right { margin-left: .3em; }
-}

resources/assets/less/font-awesome/less/core.less → resources/assets/less/font-awesome/_core.less

 // Base Class Definition
 // -------------------------
 
-.@{fa-css-prefix} {
-  display: inline-block;
-  font: normal normal normal @fa-font-size-base/@fa-line-height-base FontAwesome; // shortening font declaration
-  font-size: inherit; // can't have font-size inherit on line above, so need to override
-  text-rendering: auto; // optimizelegibility throws things off #1094
-  -webkit-font-smoothing: antialiased;
+.@{fa-css-prefix}, .fas, .far, .fal, .fab {
   -moz-osx-font-smoothing: grayscale;
-
+  -webkit-font-smoothing: antialiased;
+  display: inline-block;
+  font-style: normal;
+  font-variant: normal;
+  text-rendering: auto;
+  line-height: 1;
 }

resources/assets/less/font-awesome/less/fixed-width.less → resources/assets/less/font-awesome/_fixed-width.less

 // Fixed Width Icons
 // -------------------------
 .@{fa-css-prefix}-fw {
-  width: (18em / 14);
   text-align: center;
+  width: (20em / 16);
 }

resources/assets/less/font-awesome/less/larger.less → resources/assets/less/font-awesome/_larger.less

 // Icon Sizes
 // -------------------------
 
+.larger(@factor) when (@factor > 0) {
+  .larger((@factor - 1));
+
+  .@{fa-css-prefix}-@{factor}x {
+    font-size: (@factor * 1em);
+  }
+}
+
 /* makes the font 33% larger relative to the icon container */
 .@{fa-css-prefix}-lg {
   font-size: (4em / 3);
   line-height: (3em / 4);
-  vertical-align: -15%;
+  vertical-align: -.0667em;
+}
+
+.@{fa-css-prefix}-xs {
+  font-size: .75em;
+}
+
+.@{fa-css-prefix}-sm {
+  font-size: .875em;
 }
-.@{fa-css-prefix}-2x { font-size: 2em; }
-.@{fa-css-prefix}-3x { font-size: 3em; }
-.@{fa-css-prefix}-4x { font-size: 4em; }
-.@{fa-css-prefix}-5x { font-size: 5em; }
+
+.larger(10);

resources/assets/less/font-awesome/less/list.less → resources/assets/less/font-awesome/_list.less

@@ -2,18 +2,17 @@
 // -------------------------
 
 .@{fa-css-prefix}-ul {
-  padding-left: 0;
-  margin-left: @fa-li-width;
   list-style-type: none;
+  margin-left: @fa-li-width * 5/4;
+  padding-left: 0;
+
   > li { position: relative; }
 }
+
 .@{fa-css-prefix}-li {
-  position: absolute;
   left: -@fa-li-width;
-  width: @fa-li-width;
-  top: (2em / 14);
+  position: absolute;
   text-align: center;
-  &.@{fa-css-prefix}-lg {
-    left: (-@fa-li-width + (4em / 14));
-  }
+  width: @fa-li-width;
+  line-height: inherit;
 }

resources/assets/less/font-awesome/less/mixins.less → resources/assets/less/font-awesome/_mixins.less

@@ -2,27 +2,24 @@
 // --------------------------
 
 .fa-icon() {
-  display: inline-block;
-  font: normal normal normal @fa-font-size-base/@fa-line-height-base FontAwesome; // shortening font declaration
-  font-size: inherit; // can't have font-size inherit on line above, so need to override
-  text-rendering: auto; // optimizelegibility throws things off #1094
-  -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-
+  -webkit-font-smoothing: antialiased;
+  display: inline-block;
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal;
+  line-height: 1;
+  vertical-align: -.125em;
 }
 
 .fa-icon-rotate(@degrees, @rotation) {
   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=@{rotation})";
-  -webkit-transform: rotate(@degrees);
-      -ms-transform: rotate(@degrees);
-          transform: rotate(@degrees);
+  transform: rotate(@degrees);
 }
 
 .fa-icon-flip(@horiz, @vert, @rotation) {
   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=@{rotation}, mirror=1)";
-  -webkit-transform: scale(@horiz, @vert);
-      -ms-transform: scale(@horiz, @vert);
-          transform: scale(@horiz, @vert);
+  transform: scale(@horiz, @vert);
 }
 
 
@@ -31,14 +28,14 @@
 // See: http://a11yproject.com/posts/how-to-hide-content/
 
 .sr-only() {
-  position: absolute;
-  width: 1px;
+  border: 0;
+  clip: rect(0,0,0,0);
   height: 1px;
-  padding: 0;
   margin: -1px;
   overflow: hidden;
-  clip: rect(0,0,0,0);
-  border: 0;
+  padding: 0;
+  position: absolute;
+  width: 1px;
 }
 
 // Use in conjunction with .sr-only to only display content when it's focused.
@@ -50,11 +47,11 @@
 .sr-only-focusable() {
   &:active,
   &:focus {
-    position: static;
-    width: auto;
+    clip: auto;
     height: auto;
     margin: 0;
     overflow: visible;
-    clip: auto;
+    position: static;
+    width: auto;
   }
 }

resources/assets/less/font-awesome/less/rotated-flipped.less → resources/assets/less/font-awesome/_rotated-flipped.less

@@ -7,14 +7,17 @@
 
 .@{fa-css-prefix}-flip-horizontal { .fa-icon-flip(-1, 1, 0); }
 .@{fa-css-prefix}-flip-vertical   { .fa-icon-flip(1, -1, 2); }
+.@{fa-css-prefix}-flip-horizontal.@{fa-css-prefix}-flip-vertical { .fa-icon-flip(-1, -1, 2); }
 
 // Hook for IE8-9
 // -------------------------
 
-:root .@{fa-css-prefix}-rotate-90,
-:root .@{fa-css-prefix}-rotate-180,
-:root .@{fa-css-prefix}-rotate-270,
-:root .@{fa-css-prefix}-flip-horizontal,
-:root .@{fa-css-prefix}-flip-vertical {
-  filter: none;
+:root {
+  .@{fa-css-prefix}-rotate-90,
+  .@{fa-css-prefix}-rotate-180,
+  .@{fa-css-prefix}-rotate-270,
+  .@{fa-css-prefix}-flip-horizontal,
+  .@{fa-css-prefix}-flip-vertical {
+    filter: none;
+  }
 }

resources/assets/less/font-awesome/less/stacked.less → resources/assets/less/font-awesome/_stacked.less

@@ -2,19 +2,21 @@
 // -------------------------
 
 .@{fa-css-prefix}-stack {
-  position: relative;
   display: inline-block;
-  width: 2em;
   height: 2em;
   line-height: 2em;
+  position: relative;
   vertical-align: middle;
+  width: 2em;
 }
+
 .@{fa-css-prefix}-stack-1x, .@{fa-css-prefix}-stack-2x {
-  position: absolute;
   left: 0;
-  width: 100%;
+  position: absolute;
   text-align: center;
+  width: 100%;
 }
+
 .@{fa-css-prefix}-stack-1x { line-height: inherit; }
 .@{fa-css-prefix}-stack-2x { font-size: 2em; }
 .@{fa-css-prefix}-inverse { color: @fa-inverse; }