2017-11-04 166 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主題時,我覺得它應該是可能的。 –