diff --git a/assets/styles/components/cards.scss b/assets/styles/components/cards.scss index 22c9e86..40f51bd 100644 --- a/assets/styles/components/cards.scss +++ b/assets/styles/components/cards.scss @@ -22,7 +22,8 @@ } .card-img-top { - object-fit: cover; + -o-object-fit: cover; + object-fit: cover; @include transition(); } @@ -61,7 +62,8 @@ &:focus { .card-img-top { transform: scale(1.2); - object-fit: cover; + -o-object-fit: cover; + object-fit: cover; @include transition(); } } diff --git a/assets/styles/components/links.scss b/assets/styles/components/links.scss index 4372bcc..fdc0f4f 100644 --- a/assets/styles/components/links.scss +++ b/assets/styles/components/links.scss @@ -8,7 +8,8 @@ a { &:hover, &:focus { - text-decoration: get-light-color('hover-over-accent-color') underline; + -webkit-text-decoration: get-light-color('hover-over-accent-color') underline; + text-decoration: get-light-color('hover-over-accent-color') underline; color: get-light-color('hover-over-accent-color'); @include transition(); } @@ -66,7 +67,8 @@ html[data-theme='dark'] { &:hover, &:focus { - text-decoration: get-dark-color('hover-over-accent-color') underline; + -webkit-text-decoration: get-dark-color('hover-over-accent-color') underline; + text-decoration: get-dark-color('hover-over-accent-color') underline; color: get-dark-color('hover-over-accent-color'); } } diff --git a/assets/styles/components/tables.scss b/assets/styles/components/tables.scss index 0c8a069..a9b5a00 100644 --- a/assets/styles/components/tables.scss +++ b/assets/styles/components/tables.scss @@ -96,6 +96,10 @@ html[data-theme='dark'] { } } .gist { + &::-moz-selection{ + background: get-dark-color('text-color'); + color: get-dark-color('inverse-text-color'); + } &::selection{ background: get-dark-color('text-color'); color: get-dark-color('inverse-text-color'); diff --git a/assets/styles/layouts/list.scss b/assets/styles/layouts/list.scss index 56beb92..f3a33aa 100644 --- a/assets/styles/layouts/list.scss +++ b/assets/styles/layouts/list.scss @@ -1,6 +1,6 @@ -// in Hugo, Page kind can be either "section" or "page". -// if it is section, then it's a page with a list of items, for example /posts -// if it is page, then it is a single page. +/* in Hugo, Page kind can be either "section" or "page".*/ +/* if it is section, then it's a page with a list of items, for example /posts*/ +/* if it is page, then it is a single page.*/ body.kind-section, body.kind-term, body.kind-page { diff --git a/assets/styles/layouts/main.scss b/assets/styles/layouts/main.scss index eb30ce8..509c313 100644 --- a/assets/styles/layouts/main.scss +++ b/assets/styles/layouts/main.scss @@ -53,7 +53,6 @@ body { ol > ol, li > ol, li > ul { - -webkit-padding-start: 1rem; padding-inline-start: 1rem; } } diff --git a/assets/styles/sections/footer.scss b/assets/styles/sections/footer.scss index 112bfda..423de07 100644 --- a/assets/styles/sections/footer.scss +++ b/assets/styles/sections/footer.scss @@ -13,7 +13,8 @@ @include transition(); &:hover { margin-left: 5px; - text-decoration: get-light-color('muted-text-color') underline; + -webkit-text-decoration: get-light-color('muted-text-color') underline; + text-decoration: get-light-color('muted-text-color') underline; @include transition(); } } @@ -79,7 +80,8 @@ html[data-theme='dark'] { a { color: get-dark-color('muted-text-color'); &:hover { - text-decoration: get-dark-color('muted-text-color') underline; + -webkit-text-decoration: get-dark-color('muted-text-color') underline; + text-decoration: get-dark-color('muted-text-color') underline; } } diff --git a/assets/styles/sections/pdf-viewer.scss b/assets/styles/sections/pdf-viewer.scss index 44b700f..948c080 100644 --- a/assets/styles/sections/pdf-viewer.scss +++ b/assets/styles/sections/pdf-viewer.scss @@ -42,7 +42,4 @@ @keyframes spin { to { -webkit-transform: rotate(360deg); } } - @-webkit-keyframes spin { - to { -webkit-transform: rotate(360deg); } - } } \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index 283542b..ff0b323 100644 --- a/package-lock.json +++ b/package-lock.json @@ -34,7 +34,8 @@ "plyr": "^3.7.2", "popper.js": "^1.16.1", "postcss": "^8.4.31", - "postcss-cli": "^8.3.1" + "postcss-cli": "^8.3.1", + "postcss-scss": "^4.0.9" } }, "node_modules/@braintree/sanitize-url": { @@ -463,9 +464,9 @@ } }, "node_modules/caniuse-lite": { - "version": "1.0.30001427", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001427.tgz", - "integrity": "sha512-lfXQ73oB9c8DP5Suxaszm+Ta2sr/4tf8+381GkIm1MLj/YdLf+rEDyDSRCzeltuyTVGm+/s18gdZ0q+Wmp8VsQ==", + "version": "1.0.30001658", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001658.tgz", + "integrity": "sha512-N2YVqWbJELVdrnsW5p+apoQyYt51aBMSsBZki1XZEfeBCexcM/sf4xiAHcXQBkuOwJBXtWF7aW1sYX6tKebPHw==", "dev": true, "funding": [ { @@ -475,8 +476,13 @@ { "type": "tidelift", "url": "https://tidelift.com/funding/github/npm/caniuse-lite" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" } - ] + ], + "license": "CC-BY-4.0" }, "node_modules/chalk": { "version": "4.1.2", @@ -2697,18 +2703,6 @@ "integrity": "sha1-7dFMgk4sycHgsKG0K7UhBRakJDg=", "dev": true }, - "node_modules/lru-cache": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", - "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", - "dev": true, - "dependencies": { - "yallist": "^4.0.0" - }, - "engines": { - "node": ">=10" - } - }, "node_modules/mark.js": { "version": "8.11.1", "resolved": "https://registry.npmjs.org/mark.js/-/mark.js-8.11.1.tgz", @@ -2743,13 +2737,14 @@ } }, "node_modules/micromatch": { - "version": "4.0.4", - "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.4.tgz", - "integrity": "sha512-pRmzw/XUcwXGpD9aI9q/0XOwLNygjETJ8y0ao0wdqprrzDa4YnxLcz7fQRZr8voh8V10kGhABbNcHVk5wHgWwg==", + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz", + "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==", "dev": true, + "license": "MIT", "dependencies": { - "braces": "^3.0.1", - "picomatch": "^2.2.3" + "braces": "^3.0.3", + "picomatch": "^2.3.1" }, "engines": { "node": ">=8.6" @@ -3012,10 +3007,11 @@ "dev": true }, "node_modules/picomatch": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.0.tgz", - "integrity": "sha512-lY1Q/PiJGC2zOv/z391WOTD+Z02bCgsFfvxoXXf6h7kv9o+WmsmzYqrAwY63sNgOxE4xEdq0WyUnXfKeBrSvYw==", + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", "dev": true, + "license": "MIT", "engines": { "node": ">=8.6" }, @@ -3163,6 +3159,33 @@ "postcss": "^8.1.0" } }, + "node_modules/postcss-scss": { + "version": "4.0.9", + "resolved": "https://registry.npmjs.org/postcss-scss/-/postcss-scss-4.0.9.tgz", + "integrity": "sha512-AjKOeiwAitL/MXxQW2DliT28EKukvvbEWx3LBmJIRN8KfBGZbRTxNYW0kSqi1COiTZ57nZ9NW06S6ux//N1c9A==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/postcss-scss" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", + "engines": { + "node": ">=12.0" + }, + "peerDependencies": { + "postcss": "^8.4.29" + } + }, "node_modules/postcss-value-parser": { "version": "4.2.0", "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz", @@ -3388,13 +3411,11 @@ "dev": true }, "node_modules/semver": { - "version": "7.3.8", - "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.8.tgz", - "integrity": "sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==", + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz", + "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==", "dev": true, - "dependencies": { - "lru-cache": "^6.0.0" - }, + "license": "ISC", "bin": { "semver": "bin/semver.js" }, @@ -3794,12 +3815,6 @@ "node": ">=10" } }, - "node_modules/yallist": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", - "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", - "dev": true - }, "node_modules/yaml": { "version": "1.10.2", "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz", @@ -4136,9 +4151,9 @@ "dev": true }, "caniuse-lite": { - "version": "1.0.30001427", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001427.tgz", - "integrity": "sha512-lfXQ73oB9c8DP5Suxaszm+Ta2sr/4tf8+381GkIm1MLj/YdLf+rEDyDSRCzeltuyTVGm+/s18gdZ0q+Wmp8VsQ==", + "version": "1.0.30001658", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001658.tgz", + "integrity": "sha512-N2YVqWbJELVdrnsW5p+apoQyYt51aBMSsBZki1XZEfeBCexcM/sf4xiAHcXQBkuOwJBXtWF7aW1sYX6tKebPHw==", "dev": true }, "chalk": { @@ -5796,15 +5811,6 @@ "integrity": "sha1-7dFMgk4sycHgsKG0K7UhBRakJDg=", "dev": true }, - "lru-cache": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", - "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", - "dev": true, - "requires": { - "yallist": "^4.0.0" - } - }, "mark.js": { "version": "8.11.1", "resolved": "https://registry.npmjs.org/mark.js/-/mark.js-8.11.1.tgz", @@ -5836,13 +5842,13 @@ } }, "micromatch": { - "version": "4.0.4", - "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.4.tgz", - "integrity": "sha512-pRmzw/XUcwXGpD9aI9q/0XOwLNygjETJ8y0ao0wdqprrzDa4YnxLcz7fQRZr8voh8V10kGhABbNcHVk5wHgWwg==", + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz", + "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==", "dev": true, "requires": { - "braces": "^3.0.1", - "picomatch": "^2.2.3" + "braces": "^3.0.3", + "picomatch": "^2.3.1" } }, "minimatch": { @@ -6030,9 +6036,9 @@ "dev": true }, "picomatch": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.0.tgz", - "integrity": "sha512-lY1Q/PiJGC2zOv/z391WOTD+Z02bCgsFfvxoXXf6h7kv9o+WmsmzYqrAwY63sNgOxE4xEdq0WyUnXfKeBrSvYw==", + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", "dev": true }, "pify": { @@ -6116,6 +6122,13 @@ "lodash.sortby": "^4.7.0" } }, + "postcss-scss": { + "version": "4.0.9", + "resolved": "https://registry.npmjs.org/postcss-scss/-/postcss-scss-4.0.9.tgz", + "integrity": "sha512-AjKOeiwAitL/MXxQW2DliT28EKukvvbEWx3LBmJIRN8KfBGZbRTxNYW0kSqi1COiTZ57nZ9NW06S6ux//N1c9A==", + "dev": true, + "requires": {} + }, "postcss-value-parser": { "version": "4.2.0", "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz", @@ -6264,13 +6277,10 @@ "dev": true }, "semver": { - "version": "7.3.8", - "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.8.tgz", - "integrity": "sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==", - "dev": true, - "requires": { - "lru-cache": "^6.0.0" - } + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz", + "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==", + "dev": true }, "shebang-command": { "version": "2.0.0", @@ -6552,12 +6562,6 @@ "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==", "dev": true }, - "yallist": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", - "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", - "dev": true - }, "yaml": { "version": "1.10.2", "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz", diff --git a/package.json b/package.json index 5e88a33..1b3fb42 100644 --- a/package.json +++ b/package.json @@ -38,8 +38,8 @@ "description": "A [Hugo](https://gohugo.io/) theme for a personal portfolio with minimalist design and responsiveness.", "devDependencies": { "@fontsource/mulish": "4.5.13", - "@fortawesome/fontawesome-free": "^6.2.0", - "autoprefixer": "^10.4.13", + "@fortawesome/fontawesome-free": "^6.6.0", + "autoprefixer": "^10.4.20", "bootstrap": "^5.3.3", "eslint": "^8.31.0", "eslint-config-prettier": "^8.6.0", @@ -56,13 +56,13 @@ "imagesloaded": "^5.0.0", "include-media": "^1.4.10", "ityped": "^1.0.3", - "katex": "^0.16.10", + "katex": "^0.16.11", "mark.js": "^8.11.1", "mermaid": "^9.2.1", "plyr": "^3.7.2", "popper.js": "^1.16.1", - "postcss": "^8.4.31", - "postcss-cli": "^8.3.1" + "postcss": "^8.4.41", + "postcss-cli": "^11.0.0" }, "homepage": "https://github.com/hugo-toha/toha#readme", "license": "MIT",