Tailwindcss Logical

screenshot of Tailwindcss Logical
tailwind

A CSS Logical Properties and Values plugin for Tailwind CSS.

Overview:

The tailwindcss-logical plugin is designed to enhance Tailwind CSS by incorporating CSS Logical Properties and Values for easier development in non-LTR (left-to-right) languages. This plugin provides a solution to styling elements that need to adapt based on the reading direction of the language.

Features:

  • Flow-relative Values: for float, clear, text-align, and resize.
  • Logical Height and Logical Width: utilities for block-size, inline-size, min/max sizes.
  • Flow-relative Margins: utilities for margin properties according to reading direction.
  • Flow-relative Padding: utilities for padding properties based on reading direction.
  • Flow-relative Space Between: utilities for space between elements.
  • Flow-relative Offsets: utilities for inset properties.
tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

postcss
Postcss

PostCSS is a popular open-source tool that enables web developers to transform CSS styles with JavaScript plugins. It allows for efficient processing of CSS styles, from applying vendor prefixes to improving browser compatibility, ultimately resulting in cleaner, faster, and more maintainable code.