debont80
6a9856b590
The UI33 heading reset only needs to zero the UA margin — every heading in the app carries a Fluent typography class that out-specifies this element selector (and there are no raw headings), so the font-size/font-weight `inherit` lines never applied and contradicted the comment. Keep just `margin: 0`. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
41 lines
774 B
CSS
41 lines
774 B
CSS
*,
|
|
*::before,
|
|
*::after {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
:focus-visible {
|
|
outline: 2px solid var(--colorBrandStroke1, #0078d4);
|
|
outline-offset: 2px;
|
|
}
|
|
|
|
/*
|
|
* Zero the UA heading margin (UI33). Titles are rendered as real headings
|
|
* (h1/h2) for Narrator heading-navigation, but they carry Fluent's typography
|
|
* classes for their visual ramp (font size/weight/line-height); those classes
|
|
* out-specify this element selector, so only the browser's default heading
|
|
* margin needs removing to keep the layout identical to the former span titles.
|
|
*/
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
margin: 0;
|
|
}
|
|
|
|
html,
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
#root {
|
|
height: 100vh;
|
|
}
|