You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
58 lines
2.0 KiB
SCSS
58 lines
2.0 KiB
SCSS
2 years ago
|
@import "_pico/variables";
|
||
|
|
@import "colors";
|
||
|
|
|
||
|
|
// commons styles
|
||
|
|
@import "picostyle";
|
||
|
|
|
||
|
|
// light theme by default; can be forced with data-theme="light"
|
||
|
|
@import "picolight";
|
||
|
|
|
||
|
|
// dark theme; automatically enabled if user has dark mode enabled
|
||
|
|
@import "picodark";
|
||
|
|
@media only screen and (prefers-color-scheme: dark) {
|
||
|
|
:root:not([data-theme]) {
|
||
|
|
@include dark;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
// dark theme forced with with data-theme="dark"
|
||
|
|
[data-theme="dark"] {
|
||
|
|
@include dark;
|
||
|
|
}
|
||
|
|
|
||
|
|
// accent-color
|
||
|
|
progress,
|
||
|
|
[type="checkbox"],
|
||
|
|
[type="radio"],
|
||
|
|
[type="range"] {
|
||
|
|
accent-color: var(--primary);
|
||
|
|
}
|
||
|
|
|
||
|
|
@import "_pico/layout/document"; // html
|
||
|
|
@import "_pico/layout/sectioning"; // body, header, main, footer
|
||
|
|
@import "_pico/layout/container"; // .container, .container-fluid
|
||
|
|
@import "_pico/layout/section"; // section
|
||
|
|
@import "_pico/layout/grid"; // .grid
|
||
|
|
@import "_pico/layout/scroller"; // figure
|
||
|
|
|
||
|
|
@import "_pico/content/typography"; // a, headings, p, ul, blockquote, ...
|
||
|
|
@import "_pico/content/embedded"; // audio, canvas, iframe, img, svg, video
|
||
|
|
@import "_pico/content/button"; // button, a[role=button], type=button, type=submit ...
|
||
|
|
//@import "_pico/content/form"; // input, select, textarea, label, fieldset, legend
|
||
|
|
//@import "_pico/content/form-checkbox-radio"; // type=checkbox, type=radio, role=switch
|
||
|
|
//@import "_pico/content/form-alt-input-types"; // type=color, type=date, type=file, type=search, ...
|
||
|
|
@import "_pico/content/table"; // table, tr, td, ...
|
||
|
|
@import "_pico/content/code"; // pre, code, ...
|
||
|
|
@import "_pico/content/miscs"; // hr, template, [hidden], dialog, canvas
|
||
|
|
|
||
|
|
@import "_pico/components/accordion"; // details, summary
|
||
|
|
@import "_pico/components/card"; // article
|
||
|
|
//@import "_pico/components/modal"; // dialog
|
||
|
|
@import "_pico/components/nav"; // nav
|
||
|
|
//@import "_pico/components/progress"; // progress
|
||
|
|
//@import "_pico/components/dropdown"; // dropdown
|
||
|
|
|
||
|
|
@import "_pico/utilities/loading"; // aria-busy=true
|
||
|
|
@import "_pico/utilities/tooltip"; // data-tooltip
|
||
|
|
@import "_pico/utilities/accessibility"; // -ms-touch-action, aria-*
|
||
|
|
@import "_pico/utilities/reduce-motion"; // prefers-reduced-motion
|