「object-fit」だけ謎の接頭が付き、2重出力になってしまう

Question

前提

初めてscssでコードを書いています。
出力自体にエラーは出ないのですが、出力されたcssが「obfect-fit」周りだけ謎の接頭が付き2重になって出力されてしまいます。

該当のソースコード

.box{
width: 100vw;
height: 100vh;
img{
object-fit: cover;
object-position: 50% 50%;
width: 100%;
height: 100%;
}
}

コンパイルされたcss

.box{
width: 100vw;
height: 100vh;
}
.box img{
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
width: 100%;
height: 100%;
}

試したこと

mixinにしてみたりしましたが、他の部分は正しく出力されても「object-fit」「object-position」だけは同様に出力されてしまいます。
調べてみても同様の現象が見当たりません。
何かお心当たりのある方がいらっしゃいましたらお願い致します。

補足情報（FW/ツールのバージョンなど）

Visual Studio Code/Live Sass Compiler

Answer 1

-o-はOperaなので、Visual Studio Codeは詳しくないのですが、「Live Sass Compiler」のブラウザ指定から古いオペラをはずせばできると思います。

【Vendor Prefix (ベンダー接頭辞) - MDN Web Docs 用語集: ウェブ関連用語の定義 | MDN】
https://developer.mozilla.org/ja/docs/Glossary/Vendor_Prefix

-o- (WebKit 導入前の古い Opera)

Comments

[nanayuki]

なるほど、そういう事だったんですね！
スッキリしました、ありがとうございます！