css.md

CSS

• Reset and Normalize
• UI Components
• Utilities
• Polyfills

Reset and Normalize

• modern-normalize - Normalize browsers' default style.
  

UI Components

• system.css - A design system for building retro Apple interfaces.
  
• paper-prototype-css - CSS Designed to look a bit like a paper prototype.
  
• pokemon-cards-css - A collection of advanced CSS styles to create realistic-looking effects for the faces of Pokemon cards.
  
• devices.css - Modern devices crafted in pure CSS.
  
• metallicss - Versatile metallic finish for CSS.
  
• charts.css - Open source CSS framework for data visualization.
  

Utilities

• curlwind - Generate Tailwind utility stylesheets on demand.
  
• Fluid for Tailwind CSS - Smoother responsive styles in less code.
  
• open-props - CSS custom properties to help accelerate adaptive and consistent design.
  

Polyfills

• container-query-polyfill - A polyfill for CSS Container Queries.
  
• postcss-preset-env - Convert modern CSS into something most browsers can understand, determining the polyfills you need based on your targeted browsers or runtime environments.
  
  • postcss-cascade-layers - Use @layer following the Cascade Layers Specification.
  • postcss-custom-media - Define @custom-media in CSS.
  • postcss-media-queries-aspect-ratio-number-values - Use non-integer numbers and calc() in aspect-ratio feature queries.
  • postcss-media-minmax - Use the range notation in media queries.
  • css-prefers-color-scheme - Use light and dark color schemes in all browsers.
  • postcss-custom-properties - Use Custom Properties in CSS.
  • postcss-custom-selectors - Define @custom-selector in CSS.
  • postcss-nesting - Nest style rules inside each other.
  • postcss-pseudo-class-any-link - :any-link pseudo-class in CSS.
  • css-blank-pseudo - Style form elements when they are empty.
  • postcss-dir-pseudo-class - Style by directionality using the :dir() pseudo-class in CSS.
  • postcss-focus-visible - Use the :focus-visible pseudo-class in CSS.
  • postcss-focus-within - Use the :focus-within pseudo-class in CSS.
  • css-has-pseudo - Style elements relative to other elements in CSS.
  • postcss-is-pseudo-class - Use the :is pseudo class function.
  • postcss-selector-not - Transforms :not() W3C CSS level 4 pseudo classes to :not() CSS level 3 selectors.
  • postcss-scope-pseudo-class - Use the :scope Pseudo-class.
  • postcss-attribute-case-insensitive - Support for Case Insensitive Attribute matching in selectors.
  • postcss-normalize-display-values - Specify definition of outer and inner displays types for an element.
  • postcss-font-variant - PostCSS plugin to transform W3C CSS font variant properties to more compatible CSS (font-feature-settings).
  • postcss-gap-properties - Use the gap, column-gap, and row-gap shorthand properties in CSS.
  • postcss-logical - Use logical, rather than physical, direction and dimension mappings in CSS.
  • postcss-logical-float-and-clear - Use logical, rather than physical, direction and dimension mappings in CSS.
  • postcss-logical-overflow - Use overflow-inline and overflow-block properties.
  • postcss-logical-overscroll-behavior - Use overscroll-behavior-inline and overscroll-behavior-block properties.
  • postcss-logical-resize - Use logical, rather than physical, values for resize.
  • postcss-opacity-percentage - Transform percentage-based opacity values to more compatible floating-point values.
  • postcss-overflow-shorthand - Use the overflow shorthand in CSS.
  • postcss-replace-overflow-wrap - Replace overflow-wrap with word-wrap.
  • postcss-page-break - Fallback break- properties with page-break- alias.
  • postcss-place - Use place-* properties as shorthands for align-* and justify-*.
  • postcss-text-decoration-shorthand - Use text-decoration as a shorthand.
  • postcss-nested-calc - Use nested calc() expressions.
  • postcss-clamp - PostCSS plugin to transform clamp() to combination of min/max.
  • postcss-color-function - Use the color function in CSS.
  • postcss-color-functional-notation - Use space and slash separated color notation in CSS.
  • postcss-color-mix-function - Use the color-mix() function.
  • postcss-exponential-functions - Use the pow(), sqrt(), hypot(), log(), exp() functions.
  • postcss-font-format-keywords - Specify font formats as keywords.
  • postcss-hwb-function - Use hwb color functions in CSS.
  • postcss-image-set-function - Display resolution-dependent images using the image-set() function in CSS.
  • postcss-lab-function - Use lab and lch color functions in CSS.
  • postcss-oklab-function - Use oklab and oklch color functions in CSS.
  • postcss-stepped-value-functions - Use round, rem and mod stepped value functions.
  • postcss-trigonometric-functions - Use sin, cos, tan, asin, acos, atan and atan2 to be able to compute trigonometric relationships.
  • postcss-gamut-mapping - Use wide gamut colors with gamut mapping for specific displays.
  • postcss-double-position-gradients - Use double-position gradients in CSS.
  • postcss-gradients-interpolation-method - Use different interpolation methods in CSS gradient functions.
  • postcss-color-hex-alpha - Use 4 & 8 character hex color notation in CSS.
  • postcss-ic-unit - Use the ic length unit.
  • postcss-initial - PostCSS plugin to fallback initial keyword.
  • postcss-logical-viewport-units - Use vb and vi length units.
  • postcss-color-rebeccapurple - Use the rebeccapurple color keyword in CSS.
  • postcss-relative-color-syntax - Use the relative color syntax in CSS color functions.
  • postcss-font-family-system-ui - Use system-ui in CSS.
  • postcss-unset-value - Use the unset keyword.
• css-anchor-positioning - Polyfill for CSS Anchor Positioning.
  
• scroll-timeline - A polyfill of ScrollTimeline.