mirror of https://github.com/go-gitea/gitea
Replace Fomantic reset module with our own (#24948)
Replace the `reset` module with a modern version based on [modern-normalize](https://github.com/sindresorhus/modern-normalize). The only things I removed from that module are the `font-family` rules we don't need. Otherwise, it's similar to Fomantic's reset, but with the legacy IE stuff removed. I documented every change done to the module. Also this introduces a new `--tab-size` variable but it has no real effect on code yet.pull/24969/head^2
silverwind
1 year ago
committed by
GitHub
parent
1fa50f323a
commit
a2e5c3c963
@ -0,0 +1,243 @@ |
||||
/* |
||||
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 { |
||||
line-height: 1.15; /* 1. Correct the line height in all browsers. */ |
||||
-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, |
||||
[type='button'], |
||||
[type='reset'], |
||||
[type='submit'] { |
||||
-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. |
||||
*/ |
||||
|
||||
[type='search'] { |
||||
-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; |
||||
} |
||||
Loading…
Reference in new issue