Replace node-sass with sass (#138)

This commit is contained in:
Miroslav Šedivý 2022-01-29 14:25:01 +01:00 committed by GitHub
parent 2cc6df22d1
commit 58509cbfc9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 5 additions and 3 deletions

View File

@ -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",

View File

@ -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;

View File

@ -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;