box-shadow: 0 0 0 2px var(--link-color);
}
-
*,
*::before,
*::after {
}
body {
+ font-size: var(--step-0);
position: relative;
margin: 0 auto;
line-height: 1.5;
offset-block-start: -30em;
offset-inline-start: 0;
offset-inline-end: auto;
-
z-index: 999;
transition: top .1s linear;
width: 100%;
margin: 0 auto;
padding: var(--space-xl-3xl) calc(1rem + 1vw);
-}
+ max-width: 1700px;
+ @media all and (min-width: 1700px) {
+ margin: auto;
+ }
+}
.section-head {
.section-supporting-text {
font-size: var(--step-1);
}
-
code,
pre {
font-family: var(--mono-font);
}
}
-p:empty {
- display: none;
- margin: 0;
-}
-
.c-icon {
color: var(--icon-color);
flex: none;
}
}
-
a {
color: var(--link-color);
transition: color .1s linear;
overflow-wrap: break-word;
}
-
ul,
ol {
margin-top: 0;
margin: 0 0 .75em;
}
- .person__bio & {
+ .person__bio & {
padding-left: 1.5rem;
padding-inline-start: 1.5rem;
}
}
}
-
.video {
width: 90%;
max-width: 1400px;
}
}
-
/* typography */
-body {
- font-size: var(--step-0);
- line-height: 1.5;
-}
.eyebrow {
color: var(--link-color);
font-weight: 500;
margin-top: 0;
margin-block-start: 0;
-
}
h2,
h4,
h5,
h6 {
-
.docs-main &,
.components-main & {
margin-top: 3rem;
}
}
-
small,
caption,
cite,