访问Angular-Material SCSS变量（Angular4）

Question

如何访问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;
}

有可能吗？

Answer 1

Angular Material样式没有变量：

所以没有简单的方法来获取这些样式并存储到SCSS中的变量。