2023-05-29 02:04:35 +08:00
/ *
This is copy of modern-normalize with these changes done :
- Remove html font-family , we set our own
- Remove html tab-size , we set our own
- Remove b , strong font-weight , we set our own
- Remove b , code , samp , pre font-size , we set our own
* /
/*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
/ *
Document
= = = = = = = =
* /
/ * *
Use a better box model ( opinionated ) .
* /
* ,
:: before ,
:: after {
box-sizing : border-box ;
}
html {
2023-08-22 18:19:15 +08:00
line-height : normal ; /* 1. (not following the "modern-normalize") Do not change the browser's default line-height, the default value is font-dependent and roughly 1.2 */
2023-05-29 02:04:35 +08:00
-webkit-text-size-adjust : 100 % ; /* 2. Prevent adjustments of font size after orientation changes in iOS. */
}
/ *
Sections
= = = = = = = =
* /
body {
margin : 0 ; /* Remove the margin in all browsers. */
}
/ *
Grouping content
= = = = = = = = = = = = = = = =
* /
/ * *
1 . Add the correct height in Firefox .
2 . Correct the inheritance of border color in Firefox . ( https : / / bugzilla . mozilla . org / show_bug . cgi ? id = 190655 )
* /
hr {
height : 0 ; /* 1 */
color : inherit ; /* 2 */
}
/ *
Text-level semantics
= = = = = = = = = = = = = = = = = = = =
* /
/ * *
Add the correct text decoration in Chrome , Edge , and Safari .
* /
abbr [ title ] {
text-decoration : underline dotted ;
}
/ * *
Add the correct font size in all browsers .
* /
small {
font-size : 80 % ;
}
/ * *
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers .
* /
sub ,
sup {
font-size : 75 % ;
line-height : 0 ;
position : relative ;
vertical-align : baseline ;
}
sub {
bottom : -0 . 25em ;
}
sup {
top : -0 . 5em ;
}
/ *
Tabular data
= = = = = = = = = = = =
* /
/ * *
1 . Remove text indentation from table contents in Chrome and Safari . ( https : / / bugs . chromium . org / p / chromium / issues / detail ? id = 999088 , https : / / bugs . webkit . org / show_bug . cgi ? id = 201297 )
2 . Correct table border color inheritance in Chrome and Safari . ( https : / / bugs . chromium . org / p / chromium / issues / detail ? id = 935729 , https : / / bugs . webkit . org / show_bug . cgi ? id = 195016 )
* /
table {
text-indent : 0 ; /* 1 */
border-color : inherit ; /* 2 */
}
/ *
Forms
= = = = =
* /
/ * *
1 . Change the font styles in all browsers .
2 . Remove the margin in Firefox and Safari .
* /
button ,
input ,
optgroup ,
select ,
textarea {
font-family : inherit ; /* 1 */
font-size : 100 % ; /* 1 */
line-height : 1 . 15 ; /* 1 */
margin : 0 ; /* 2 */
}
/ * *
Remove the inheritance of text transform in Edge and Firefox .
* /
button ,
select {
text-transform : none ;
}
/ * *
Correct the inability to style clickable types in iOS and Safari .
* /
button ,
2023-06-17 21:20:32 +08:00
[ type = "button" ] ,
[ type = "reset" ] ,
[ type = "submit" ] {
2023-05-29 02:04:35 +08:00
-webkit-appearance : button ;
}
/ * *
Remove the inner border and padding in Firefox .
* /
:: -moz-focus-inner {
border-style : none ;
padding : 0 ;
}
/ * *
Restore the focus styles unset by the previous rule .
* /
: -moz-focusring {
outline : 1px dotted ButtonText ;
}
/ * *
Remove the additional ':invalid' styles in Firefox .
See : https : / / github . com / mozilla / gecko-dev / blob / 2f9eacd9d3d995c937b4251a5557d95d494c9be1 / layout / style / res / forms . css # L728-L737
* /
: -moz-ui-invalid {
box-shadow : none ;
}
/ * *
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers .
* /
legend {
padding : 0 ;
}
/ * *
Add the correct vertical alignment in Chrome and Firefox .
* /
progress {
vertical-align : baseline ;
}
/ * *
Correct the cursor style of increment and decrement buttons in Safari .
* /
:: -webkit-inner-spin-button ,
:: -webkit-outer-spin-button {
height : auto ;
}
/ * *
1 . Correct the odd appearance in Chrome and Safari .
2 . Correct the outline style in Safari .
* /
2023-06-17 21:20:32 +08:00
[ type = "search" ] {
2023-05-29 02:04:35 +08:00
-webkit-appearance : textfield ; /* 1 */
outline-offset : -2px ; /* 2 */
}
/ * *
Remove the inner padding in Chrome and Safari on macOS .
* /
:: -webkit-search-decoration {
-webkit-appearance : none ;
}
/ * *
1 . Correct the inability to style clickable types in iOS and Safari .
2 . Change font properties to 'inherit' in Safari .
* /
:: -webkit-file-upload-button {
-webkit-appearance : button ; /* 1 */
font : inherit ; /* 2 */
}
/ *
Interactive
= = = = = = = = = = =
* /
/ *
Add the correct display in Chrome and Safari .
* /
summary {
display : list-item ;
}