[skip ci] Updates

assets/1-document-DTe-AeGI.js

@@ -0,0 +1,32 @@
+import{j as e}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as r}from"./index-BI1Biiay.js";import{ae as l}from"./index-BdE8Qre2.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DDM5fODS.js";import"../sb-preview/runtime.js";import"./index-BU4L-DQy.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";function t(o){const n={a:"a",code:"code",h1:"h1",h2:"h2",li:"li",p:"p",ul:"ul",...r(),...o.components};return e.jsxs(e.Fragment,{children:[e.jsx(l,{title:"Elements/wip/Document"}),`
+`,e.jsx(n.h1,{id:"unique-document-elements",children:"Unique document elements"}),`
+`,e.jsx(n.p,{children:`These elements are unique to each document. Some of the selectors are not pure element selectors.
+But due to their uniqueness it makes sense to address them without any added class specificity.`}),`
+`,e.jsx(n.h2,{id:"document-root",children:"Document root"}),`
+`,e.jsxs(n.ul,{children:[`
+`,e.jsxs(n.li,{children:[e.jsx(n.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/html",rel:"nofollow",children:e.jsx(n.code,{children:"html"})}),` /
+`,e.jsx(n.a,{href:"https://developer.mozilla.org/en-US/docs/Web/CSS/:root",rel:"nofollow",children:e.jsx(n.code,{children:":root"})})]}),`
+`]}),`
+`,e.jsx(n.h2,{id:"sectioning-root",children:"Sectioning root"}),`
+`,e.jsxs(n.ul,{children:[`
+`,e.jsx(n.li,{children:e.jsx(n.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/body",rel:"nofollow",children:e.jsx(n.code,{children:"body"})})}),`
+`]}),`
+`,e.jsx(n.h2,{id:"the-documents-main-content",children:"The document’s main content"}),`
+`,e.jsxs(n.ul,{children:[`
+`,e.jsxs(n.li,{children:[e.jsx(n.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/main",rel:"nofollow",children:e.jsx(n.code,{children:"main:not([hidden])"})}),`
+(`,e.jsx(n.a,{href:"https://html.spec.whatwg.org/multipage/grouping-content.html#the-main-element:attr-hidden",rel:"nofollow",children:"There can be only one!"}),")"]}),`
+`]}),`
+`,e.jsx(n.h2,{id:"the-documents-main-header",children:"The document’s main header"}),`
+`,e.jsxs(n.ul,{children:[`
+`,e.jsx(n.li,{children:e.jsx(n.code,{children:":where(body, body > div) > header:first-of-type"})}),`
+`]}),`
+`,e.jsx(n.h2,{id:"the-documents-main-footer",children:"The document’s main footer"}),`
+`,e.jsxs(n.ul,{children:[`
+`,e.jsx(n.li,{children:e.jsx(n.code,{children:":where(body, body > div) > footer:last-of-type"})}),`
+`,e.jsxs(n.li,{children:["Useful technique: ",e.jsx(n.a,{href:"https://css-tricks.com/a-clever-sticky-footer-technique/",rel:"nofollow",children:"Clever sticky footer"})]}),`
+`]}),`
+`,e.jsx(n.h2,{id:"the-current-target-element",children:"The current target element"}),`
+`,e.jsxs(n.ul,{children:[`
+`,e.jsx(n.li,{children:e.jsx(n.a,{href:"https://developer.mozilla.org/en-US/docs/Web/CSS/:target",rel:"nofollow",children:e.jsx(n.code,{children:":target"})})}),`
+`,e.jsxs(n.li,{children:["Useful property: ",e.jsx(n.a,{href:"https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin-top",rel:"nofollow",children:e.jsx(n.code,{children:"scroll-margin-top"})})]}),`
+`]})]})}function f(o={}){const{wrapper:n}={...r(),...o.components};return n?e.jsx(n,{...o,children:e.jsx(t,{...o})}):t(o)}export{f as default};