cssjanus / Cssjanus
Licence: apache-2.0
↔️ Convert CSS stylesheets between left-to-right and right-to-left. Made by Wikimedia.
Stars: ✭ 168
Programming Languages
javascript
184084 projects - #8 most used programming language
Labels
Projects that are alternatives of or similar to Cssjanus
Ember Cli Scss Lint
An ember-cli addon to integrate sass-lint for standards adherence and improved style consistency
Stars: ✭ 7 (-95.83%)
Mutual labels: stylesheets
Motif
Lightweight and customizable stylesheets for iOS
Stars: ✭ 879 (+423.21%)
Mutual labels: stylesheets
Btrfs Swapon
Btrfs doesn't allow to swap on a file. This script allows you do swap on a file anyway.
Stars: ✭ 42 (-75%)
Mutual labels: swap
Interfacss
The CSS-inspired styling and layout framework for iOS
Stars: ✭ 92 (-45.24%)
Mutual labels: stylesheets
Augmented Ui
Cyberpunk-inspired web UI made easy. Get augmented.
Stars: ✭ 822 (+389.29%)
Mutual labels: stylesheets
Qdarkstylesheet
A dark style sheet for QtWidgets application
Stars: ✭ 1,952 (+1061.9%)
Mutual labels: stylesheets
Straks
A new decentralised, open source, community driven digital currency, focusing on e-commerce utility
Stars: ✭ 53 (-68.45%)
Mutual labels: swap
Face Swap Android
Realtime Face Swap Android NDK app full source code. Developed with OpenCV (http://opencv.org) and Dlib C++ (http://dlib.net).
Stars: ✭ 111 (-33.93%)
Mutual labels: swap
Theme Notes First
A Notes-First StyleSheet for Taskpaper
Stars: ✭ 28 (-83.33%)
Mutual labels: stylesheets
Understanding Financial Reports Using Natural Language Processing
Investigate how mutual funds leverage credit derivatives by studying their routine filings to the SEC using NLP techniques 📈🤑
Stars: ✭ 36 (-78.57%)
Mutual labels: swap
Flexibility
Xamarin.Forms FlexLayout samples styled in a variety of ways: directly, XAML Styles, XAML Styles in a Resource Dictionary, CSS inline, and CSS loaded from a StyleSheet.
Stars: ✭ 94 (-44.05%)
Mutual labels: stylesheets
Assets async
Asynchronous stylesheet and javascript for rails app
Stars: ✭ 9 (-94.64%)
Mutual labels: stylesheets
Skin
Pure CSS framework designed & developed by eBay for a branded, e-commerce marketplace.
Stars: ✭ 126 (-25%)
Mutual labels: stylesheets
Multicurrencywallet
Bitcoin, Ethereum, ERC20 crypto wallets with Atomic Swap exchange. Release announce: https://twitter.com/SwapOnlineTeam/status/1321844352369500160
Stars: ✭ 136 (-19.05%)
Mutual labels: swap
Web Client
Generic Linked Data browser and UX component framework. Apache license.
Stars: ✭ 105 (-37.5%)
Mutual labels: stylesheets
CSSJanus
Convert CSS stylesheets between left-to-right and right-to-left.
Based the original Google project.
See Interactive demo.
Install
npm install cssjanus
Usage
var cssjanus = require( 'cssjanus' );
var rtlCss = cssjanus.transform( ltrCss );
transform( string css [, Object options ] ) : string
Parameters:
-
css
Stylesheet to transform -
options
: Options object (optional) -
options.transformDirInUrl
(Boolean): Transform directions in URLs, such asltr
tortl
. Default:false
. -
options.transformEdgeInUrl
(Boolean): Transform edges in URLs, such asleft
toright
. Default:false
.
Preventing flipping
If a rule is not meant to be flipped by CSSJanus, use a /* @noflip */
comment to protect the rule.
.rule1 {
/* Will be converted to margin-right */
margin-left: 1em;
}
/* @noflip */
.rule2 {
/* Will be preserved as margin-left */
margin-left: 1em;
}
Integrations
- css parser: rtl-converter.
- Grunt: grunt-cssjanus.
- Gulp: gulp-cssjanus.
- PostCSS: postcss-cssjanus.
- styled-components: styled-components-rtl.
- Stylis: stylis-plugin-rtl.
- webpack: cssjanus-webpack, webpack-arabic-css.
Who uses CSSJanus?
- Wikimedia Foundation, the non-profit behind Wikipedia and other free knowledge projects. Used as part of MediaWiki and VisualEditor on Wikipedia, and more.
- WordPress, a free and open-source content management system. Used for the interface of wp-admin and the default yearly themes.
- styled-components, an ecosystem of visual primitives. Its RTL support is powered by CSSJanus.
- AdminLTE, an open-source admin dashboard and control panel theme. See AdminLTE-RTL.
See also
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].