更改fontawesome列表图标和文本之间的空间

时间:2016-07-14 08:41:18

标签: list sass

是否可以在没有任何<span>元素和css的情况下更改图标和文本之间的空间?

我的标准清单:

ul {
    margin: 2rem 0;
    padding-left: 3rem;
    li {
        margin-bottom: 1.4rem;
        &:before {    
        font-family: 'FontAwesome';
        content: '\f0da';
        margin:0 0.5rem 1rem -2rem;
        color: $color-leuchterred;
        }
    }
}

1 个答案:

答案 0 :(得分:0)

在内容中添加空格字符 - 向下滚动到标点符号 https://css-tricks.com/snippets/html/glyphs/

ul {
    margin: 2rem 0;
    padding-left: 3rem;
    li {
        margin-bottom: 1.4rem;
        &:before {    
        font-family: 'FontAwesome';
        content: '\f0da\2002';
        margin:0 0.5rem 1rem -2rem;
        color: $color-leuchterred;
        }
    }
}