Displaying 1 to 14 from 14 results

layout-bmfont-text - word-wraps and lays out text glyphs

  •    Javascript

Provides layout and word-wrapping for left-to-right Latin text, primarily aimed at bitmap font rendering in Canvas/WebGL. The input font should be in the format of BMFont json, see here.You can use bmfont-lato for testing, or load-bmfont for Node/Browser loading.

react-with-direction - Components to provide and consume RTL or LTR direction in React

  •    Javascript

Components to support both right-to-left (RTL) and left-to-right (LTR) layouts in React.Supporting RTL or switching between different directions can be tricky. Most browsers have built-in support for displaying markup like paragraphs, lists, and tables. But what about interactive or complex custom UI components? In a right-to-left layout, a photo carousel should advance in the opposite direction, and the primary tab in a navigation control should the rightmost, for example.

rtl-css-js - RTL for CSS in JS

  •    Javascript

For some locales, it's necessary to change padding-left to padding-right when your text direction is right to left. There are tools like this for CSS (cssjanus for example) which manipulate strings of CSS to do this, but none for CSS in JS where your CSS is represented by an object.This is a function which accepts a CSS in JS object and can convert padding-left to padding-right as well as all other properties where it makes sense to do that (at least, that's what it's going to be when it's done... This is a work in progress).

inverter - Simply translate LTR-based CSS file to RTL, or the opposite

  •    Javascript

Simply flips LTR-based CSS file to RTL, or the opposite, in pure javascript, using a bunch of regular expressions. Can be both used on the server-side with Node.js, or client-side. This package has been inspired by Google's great CSSJanus. fixGradient: Fixes most common CSS gradient definitions. This fix will replace left with right, XXXdeg with -XXXdeg and the opposites inside gradients.

postcss-logical - Use logical properties and flow-relative values in CSS

  •    CSS

PostCSS Logical Properties and Values lets you use logical, rather than physical, direction and dimension mappings in CSS, following the CSS Logical Properties and Values specification. Otherwise, consider using the dir option to transform all logical properties and values to a specific direction.

string-direction - String Direction is a JavaScript library for detection of direction of `String` objects in JavaScript

  •    Javascript

A utility for getting direction of a string in JavaScript. String direction can be left-to-right, right-to-left or bi-directional. By using patch() method a getDirection method will be exposed in String object.


  •    Javascript

Value patterns are defined in format %i or using direct value.

postcss-bidirection - PostCSS plugin that polyfill Bi-directional CSS properties and values to suppot rtl and ltr rules in all browsers

  •    Javascript

PostCSS plugin that polyfill Bi-directional CSS proposal from W3C to suppot direction-sensitive rules, a.k.a Left-To-Right (LTR) and Right-To-Left (RTL) in all browsers. See PostCSS docs for examples for your environment.

grunt-rtlcss - grunt plugin for RTLCSS, a framework for transforming CSS from LTR to RTL.

  •    Javascript

grunt plugin for RTLCSS, a framework for transforming CSS from LTR to RTL. Run this task with the grunt rtlcss command.


  •    Javascript

Create right-to-left (RTL) CSS from left-to-right (LTR) CSS, and vice versa. This is useful for making websites work visually for both LTR languages (like English) and RTL languages (like Arabic). FlipCSS takes a stylesheet as input, and outputs one that flows in the opposite direction. When somebody browse your web page, you can use your backend to serve the stylesheet that fits the requested language.