@use "helpers/copyright"; // Config @forward "settings"; // Theming @use "themes/default"; // Layout @use "layout/document"; // html @use "layout/landmarks"; // body, header, main, footer @use "layout/section"; // section @use "layout/container"; // .container, .container-fluid @use "layout/grid"; // .grid @use "layout/row"; // .row, .row-fluid, .offset-*, .span-* @use "layout/overflow-auto"; // .overflow-auto // Content @use "content/typography"; // headings, p, ul, blockquote, ... @use "content/link"; // a, role="link" @use "content/button"; // button, role="button", type="button", type="submit" ... @use "content/table"; // table, tr, td, ... @use "content/embedded"; // audio, canvas, iframe, img, svg, video @use "content/code"; // pre, code, ... @use "content/figure"; // figure, figcaption @use "content/misc"; // hr, template, [hidden], dialog, canvas // Forms @use "forms/basics"; // input, select, textarea, label, fieldset, legend @use "forms/checkbox-radio-switch"; // type="checkbox", type="radio", role="switch" @use "forms/input-color"; // type="color" @use "forms/input-date"; // type="date", type="datetime-local", type="month", type="time", type="week" @use "forms/input-file"; // type="file" @use "forms/input-range"; // type="range" @use "forms/input-search"; // type="search" @use "forms/validation"; // validation for all form elements except select[multiple],select[size], input:not([type="button"], [type="reset"], [type="image"], [type="submit"], [type="checkbox"], [type="radio"] @use "forms/floating"; // floating labels // Components @use "components/accordion"; // details, summary @use "components/card"; // article, role="article" @use "components/dropdown"; // details.dropdown @use "components/group"; // role="group" @use "components/loading"; // aria-busy=true @use "components/modal"; // dialog @use "components/nav"; // nav @use "components/nav-hamburger"; // role="navigation" for hamburger-menu for the nav component @use "components/progress"; // progress @use "components/tooltip"; // data-tooltip @use "components/tab-region"; // section[role="region"] // tabs @use "components/notification"; // dialog[role="alert"] @use "components/timeline"; // addition, kind of out of scope but wanted to add // Utilities @use "utilities/accessibility"; // -ms-touch-action, aria-* @use "utilities/reduce-motion"; // prefers-reduced-motion