从右到左(rtl)语言翻转css

时间:2018-03-29 14:43:33

标签: css ruby-on-rails sass asset-pipeline

注意:如果这是错误的方法,我会接受其他解决方案

  

我想用https://github.com/twitter/css-flip来支持rtl   我的项目

文档很少,似乎做了很多假设。我可以针对.css文件成功运行CLI,但不能像我怀疑的那样成功运行scss文件。

我正在考虑添加一个在编译样式上运行css-flip的步骤,如下所示:

css-flip app / assets / stylesheets / application.css>应用程序/资产/样式表/ application.rtl.css

一,我不确定这是最好的方法,而且,如果合理的话,我怎样才能在资产编译后对资产运行css-flip命令?

1 个答案:

答案 0 :(得分:0)

我不确定这是否是正确的方法,但我会说你可以使用css-flip生成你的css文件,然后我会看到2种不同的解决方案。 (如果您不想使用Pete关于direction属性的建议,但我认为您可能需要一些自定义样式,具体取决于语言的方向。)

1 - 根据您网站的版本,您可以更改正在加载的资产。

2 - 或者,我会说你将你生成的两个css文件连在一起(可能是在sass之类的预处理器的帮助下),你把这个类放在你的身上,并在用户更改语言设置时进行更改。

解决方案1创建更轻的css文件,但是用户需要在更改语言时重新加载页面,而解决方案2会创建更大的css文件,但用户在更改语言时无需重新加载页面。

希望这有帮助。