UNPKG

2.44 kBSCSSView Raw
1/*!
2 * Pico.css v1.2.1 (https://picocss.com)
3 * Copyright 2020 - Licensed under MIT
4 *
5 * Slim version example
6 * You can export only the modules you need
7 */
8
9
10// Config
11// --------------------
12
13// Enable responsive spacings for <header>, <main>, <footer>, <section>, <article>
14$enable-responsive-spacings: false;
15
16// Enable validation states for <input>
17$enable-input-states: false;
18
19// Enable transitions for <a>, <button>, <input>, <details>
20$enable-transitions: false;
21
22// Enable overriding with !important (used for <article>, `reduce-motion`, [type="search"])
23$enable-important: false;
24
25
26// Pico Lib
27// --------------------
28
29// Config
30@import "variables";
31
32// Theming
33@import "themes/default";
34
35// Layout
36@import "layout/document"; // html
37@import "layout/sectioning"; // body, header, main, footer
38@import "layout/container"; // .container, .container-fluid
39// @import "layout/section"; // section
40@import "layout/grid"; // .grid
41@import "layout/scroller"; // figure
42
43// Content
44@import "content/typography"; // a, headings, p, ul, blockquote, ...
45@import "content/embedded"; // audio, canvas, iframe, img, svg, video
46@import "content/button"; // button, a[role=button], type=button, type=submit, ...
47// @import "content/button-styles"; // .secondary, .contrast, .outline
48@import "content/form"; // input, select, textarea, label, fieldset, legend
49// @import "content/form-checkbox-radio"; // type=checkbox, type=radio, role=switch
50// @import "content/form-alt-input-types"; // type=color, type=date, type=file, type=search, ...
51@import "content/table"; // table, tr, td, ...
52// @import "content/code"; // pre, code, ...
53@import "content/accessibility"; // -ms-touch-action, aria-*
54// @import "content/miscs"; // hr, template, [hidden], dialog, canvas
55
56// Components
57// @import "components/accordion"; // details, summary
58// @import "components/card"; // article
59// @import "components/card-sectioning"; // article > header, footer, pre
60// @import "components/nav"; // nav
61// @import "components/progress"; // progress
62// @import "components/tooltip"; // data-tooltip
63
64// Reduce motion
65// @import "content/reduce-motion"; // prefers-reduced-motion