feat: improve browser compatibility for TypeIt and object-fit (#293)

* object-fit polyfill
* TypeIt 7.0.3 -> 6.5.1

assets/css/_core/_base.scss

@@ -41,13 +41,14 @@ body {
   }
 }
 
-@import "../_partial/mask";
+@include ms;
 @include link(true, true);
 
+@import "../_partial/mask";
 @import "../_partial/icon";
 @import "../_partial/details";
 @import "../_partial/fixed-button";
 
-a {
-  text-decoration: none;
+img {
+  @include object-fit(contain);
 }

assets/css/_mixin/_compatibility.scss

@@ -96,3 +96,15 @@
   -ms-line-break: $value;
   line-break: $value;
 }
+
+@mixin ms {
+  input::-ms-clear {
+    display: none;
+  }
+}
+
+@mixin object-fit($value) {
+  -o-object-fit: $value;
+  object-fit: $value;
+  font-family: 'object-fit: #{$value};';
+}

assets/css/_mixin/_link.scss

@@ -1,5 +1,7 @@
 @mixin link($light, $dark) {
   a, a::before, a::after {
+    text-decoration: none;
+
     color: if($light, $global-link-color, $single-link-color);
 
     [theme=dark] & {

assets/css/_mixin/_summary.scss

@@ -23,7 +23,7 @@
         height: 100%;
         left: 0;
         top: 0;
-        object-fit: cover;
+        @include object-fit(cover);
       }
 
       &:hover {

assets/css/_page/_single.scss

@@ -234,7 +234,7 @@
     }
 
     .lazyloading {
-      object-fit: none;
+      @include object-fit(none);
     }
 
     blockquote {