2017-11-04 201 views
2

如何访问某些SCSS Angular-Material(Angular4)中的变量?访问Angular-Material SCSS变量(Angular4)

例如,默认的工具栏上有一个CSS类如下:

.mat-toolbar { 
    display: flex; 
    box-sizing: border-box; 
    width: 100%; 
    padding: 0 16px; 
    flex-direction: column; 
} 

我想要得到的填充值,即16px,其存储为$fatty-padding,然后用它在我的自定义类,例如:

.custom-toolbar { 
    padding: $fatty-padding $fatty-padding; 
    margin: 0 $fatty-padding; 
} 

这可能吗?

回答

1

角材质风格都写不变量:

enter image description here

那么有没有简单的方法来得到这个风格和存储在SCSS变量。

+0

颜色怎么样?难道不可能获得默认的主题颜色?这感觉就像是有用的东西。 – user276648

+0

@ user276648,我试过了,但失败了,我无法从Angular Material的主题中提取特定的颜色。所以有两种情况:1.我没有足够的技能。 2.这是不可能的。我不能说,它是什么情况,但是当我看着AM主题时,我觉得它应该是可能的。 –