Replace node-sass with sass (#138)
This commit is contained in:
parent
2cc6df22d1
commit
58509cbfc9
@ -59,8 +59,8 @@
|
|||||||
"eslint": "^6.8.0",
|
"eslint": "^6.8.0",
|
||||||
"eslint-plugin-prettier": "^3.4.1",
|
"eslint-plugin-prettier": "^3.4.1",
|
||||||
"eslint-plugin-vue": "^7.17.0",
|
"eslint-plugin-vue": "^7.17.0",
|
||||||
"node-sass": "^5.0.0",
|
|
||||||
"prettier": "^2.3.2",
|
"prettier": "^2.3.2",
|
||||||
|
"sass": "^1.49.0",
|
||||||
"sass-loader": "^10.1.1",
|
"sass-loader": "^10.1.1",
|
||||||
"ts-node": "^9.1.1",
|
"ts-node": "^9.1.1",
|
||||||
"typescript": "^4.4.2",
|
"typescript": "^4.4.2",
|
||||||
|
@ -1,5 +1,7 @@
|
|||||||
// Variables
|
// Variables
|
||||||
|
|
||||||
|
@use "sass:math";
|
||||||
|
|
||||||
$fa-font-path: "~@fortawesome/fontawesome-free/webfonts";
|
$fa-font-path: "~@fortawesome/fontawesome-free/webfonts";
|
||||||
$fa-font-size-base: 16px;
|
$fa-font-size-base: 16px;
|
||||||
$fa-font-display: auto;
|
$fa-font-display: auto;
|
||||||
@ -7,7 +9,7 @@ $fa-css-prefix: fa;
|
|||||||
$fa-border-color: #eee;
|
$fa-border-color: #eee;
|
||||||
$fa-inverse: #fff;
|
$fa-inverse: #fff;
|
||||||
$fa-li-width: 2em;
|
$fa-li-width: 2em;
|
||||||
$fa-fw-width: (20em / 16);
|
$fa-fw-width: math.div(20em, 16);
|
||||||
$fa-primary-opacity: 1;
|
$fa-primary-opacity: 1;
|
||||||
$fa-secondary-opacity: .4;
|
$fa-secondary-opacity: .4;
|
||||||
|
|
||||||
|
@ -124,7 +124,7 @@
|
|||||||
.player-container {
|
.player-container {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: 16 / 9 * 100vh;
|
max-width: calc(16 / 9 * 100vh);
|
||||||
|
|
||||||
video {
|
video {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
Reference in New Issue
Block a user