sookie/blog-web
1
0
Fork 0
Code Issues 12 Pull Requests Projects Releases Wiki Activity

清理 CSS 浏览器前缀，使用现代标准属性

Browse Source 
- _mixin.less: 移除 -ms-transition
- _reset.less: 使用标准 text-size-adjust 和 appearance
- share.less: 移除 -moz-inline-stack 和 zoom:1 hack
- tooltip.less: 移除 -webkit-transform 前缀

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
灌糖包子 2026-03-24 23:26:57 +08:00
parent a2d1b2cc49
commit a4ce7274cd
Signed by: sookie
GPG Key ID: 0599BECB75C1E68D
4 changed files with 4 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
themes/yilia/source-src/css/core/_mixin.less
View File

@ -285,13 +285,11 @@
// trans // trans
.trans() { .trans() {
transition: all 0.2s ease-in; transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
} }
// trans8 // trans8
.trans8() { .trans8() {
transition: all 0.8s ease-in; transition: all 0.8s ease-in;
-ms-transition: all 0.8s ease-in;
} }
// display-flex // display-flex

9
themes/yilia/source-src/css/core/_reset.less
View File

@ -12,8 +12,7 @@
// 1. Prevent mobile text size adjust after orientation change, without disabling user zoom. // 1. Prevent mobile text size adjust after orientation change, without disabling user zoom.
// 2. Remove the gray background color from tap, default value is inherit // 2. Remove the gray background color from tap, default value is inherit
html { html {
-ms-text-size-adjust: 100%; // 1 text-size-adjust: 100%; // 1
-webkit-text-size-adjust: 100%; // 1
-webkit-tap-highlight-color: transparent; // 2 -webkit-tap-highlight-color: transparent; // 2
height: 100%; height: 100%;
} }
@ -188,7 +187,7 @@ button,
html input[type="button"], html input[type="button"],
input[type="reset"], input[type="reset"],
input[type="submit"] { input[type="submit"] {
-webkit-appearance: button; // 1 appearance: button; // 1
cursor: pointer; // 2 cursor: pointer; // 2
} }
@ -226,14 +225,14 @@ input[type="number"]::-webkit-outer-spin-button {
// 1. Address `appearance` set to `searchfield` in Safari and Chrome. // 1. Address `appearance` set to `searchfield` in Safari and Chrome.
// 2. Address `box-sizing` set to `border-box` in Safari and Chrome. // 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
input[type="search"] { input[type="search"] {
-webkit-appearance: textfield; // 1 appearance: textfield; // 1
box-sizing: content-box; // 2 box-sizing: content-box; // 2
} }
// Remove inner padding and search cancel button in Safari and Chrome on OS X. // Remove inner padding and search cancel button in Safari and Chrome on OS X.
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; appearance: none;
} }
// Define consistent border, margin, and padding. // Define consistent border, margin, and padding.

2
themes/yilia/source-src/css/share.less
View File

@ -13,10 +13,8 @@
a { a {
border: 1px solid @colorBorder; border: 1px solid @colorBorder;
border-radius: 50%; border-radius: 50%;
display: -moz-inline-stack;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
zoom: 1;
margin: 10px; margin: 10px;
transition: 0.3s; transition: 0.3s;
text-align: center; text-align: center;

1
themes/yilia/source-src/css/tooltip.less
View File

@ -112,7 +112,6 @@
bottom: 100%; bottom: 100%;
left: 50%; left: 50%;
pointer-events: none; pointer-events: none;
-webkit-transform: translateX(-50%);
transform: translateX(-50%); transform: translateX(-50%);
} }