mirror of
https://github.com/picocss/pico.git
synced 2025-04-22 09:26:14 -04:00
f25840f51a
- Updated tooltips to go multiline, max width of 250px. -Updated card footer, to remove the margin from the last element if they are buttons or groups when in the footer - Made container, grid, and row classes to have a parent class, so they will not effect rest of page. This will only work if you use that style css. - Added tabs - Added floating labels - Added responsive nav hamburger menu Let me know if you find any bugs or have ideas for improvements!
56 lines
2.3 KiB
SCSS
56 lines
2.3 KiB
SCSS
@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
|