pico/scss/_index.scss

50 lines
1.7 KiB
SCSS
Raw Normal View History

2024-01-29 23:31:37 +07:00
@use "helpers/copyright";
2023-02-04 13:33:35 +07:00
// Config
@forward "settings";
// Theming
@use "themes/default";
// Layout
@use "layout/document"; // html
@use "layout/landmarks"; // body, header, main, footer
@use "layout/section"; // section
2024-01-29 23:31:37 +07:00
@use "layout/container"; // .container, .container-fluid
2023-02-04 13:33:35 +07:00
@use "layout/grid"; // .grid
2024-01-27 15:22:35 +07:00
@use "layout/overflow-auto"; // .overflow-auto
2023-02-04 13:33:35 +07:00
// Content
@use "content/typography"; // headings, p, ul, blockquote, ...
2024-01-29 23:31:37 +07:00
@use "content/link"; // a, role="link"
2023-04-02 22:37:00 +07:00
@use "content/button"; // button, role="button", type="button", type="submit" ...
2023-02-04 13:33:35 +07:00
@use "content/table"; // table, tr, td, ...
2024-01-29 23:31:37 +07:00
@use "content/embedded"; // audio, canvas, iframe, img, svg, video
2023-02-04 13:33:35 +07:00
@use "content/code"; // pre, code, ...
2024-01-27 15:13:14 +07:00
@use "content/figure"; // figure, figcaption
2023-02-04 13:33:35 +07:00
@use "content/miscs"; // 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"
// Components
@use "components/accordion"; // details, summary
@use "components/card"; // article
2023-04-02 22:37:00 +07:00
@use "components/dropdown"; // details.dropdown
@use "components/group"; // role="group"
2023-02-04 13:33:35 +07:00
@use "components/loading"; // aria-busy=true
@use "components/modal"; // dialog
@use "components/nav"; // nav
@use "components/progress"; // progress
@use "components/tooltip"; // data-tooltip
// Utilities
@use "utilities/accessibility"; // -ms-touch-action, aria-*
@use "utilities/reduce-motion"; // prefers-reduced-motion