【问题标题】:flip css for right to left (rtl) languages从右到左(rtl)语言翻转css
【发布时间】:2018-03-29 14:43:33
【问题描述】:
注意:如果这是错误的方法,我愿意接受其他解决方案
我想使用https://github.com/twitter/css-flip 来支持 rtl
我的项目
文档很少,似乎做了很多假设。我可以成功地对 .css 文件运行 CLI,但不能像我怀疑的那样对 scss 文件运行。
我正在考虑添加一个在编译样式上运行 css-flip 的步骤,如下所示:
css-flip app/assets/stylesheets/application.css > app/assets/stylesheets/application.rtl.css
第一,我不确定这是不是最好的方法,第二,如果合理的话,如何在资产编译后对它们运行 css-flip 命令?
【问题讨论】:
标签:
css
ruby-on-rails
sass
asset-pipeline
【解决方案1】:
我不确定这是否是正确的方法,但我想说你可以使用 css-flip 来生成你的 css 文件,然后,我看到了 2 个不同的解决方案。 (如果您不想使用 Pete 关于 direction 属性的建议,但我假设您可能需要一些自定义样式,具体取决于语言的方向。)
1 - 根据您网站的版本,您可以更改正在加载的资产。
2 - 或者,我会说你将生成的两个 css 文件连接到一个类后面(可能在 sass 等预处理器的帮助下),然后你把这个类放在你的身上,然后改变每当用户更改他们的语言设置时。
解决方案 1 创建更轻的 css 文件,但您的用户在更改语言时需要重新加载页面,而解决方案 2 创建更大的 css 文件,但用户在更改语言时不需要重新加载他们的页面。
希望这会有所帮助。