Ionic framework 离子填充CSS实用程序变量分别用于每一侧

Ionic framework 离子填充CSS实用程序变量分别用于每一侧,ionic-framework,ionic4,Ionic Framework,Ionic4,我正在尝试将离子标签与填充/边距对齐。由于不直接提供用于填充或边距的CSS自定义属性,我尝试通过添加实用程序类来添加它们,如下所示 一些文本 这将导致以下css: 我可以通过设置--离子填充:100px。到现在为止,一直都还不错。。。 问题是我如何能有不同的填充开始和顶部?两者都引用相同的css变量

我正在尝试将
离子标签
与填充/边距对齐。由于不直接提供用于填充或边距的CSS自定义属性,我尝试通过添加实用程序类来添加它们,如下所示

一些文本
这将导致以下css:



我可以通过设置
--离子填充:100px。到现在为止,一直都还不错。。。
问题是我如何能有不同的填充开始和顶部?两者都引用相同的css变量