更改<md-progress-linear>高度

时间:2016-05-18 09:54:05

标签: css material

我没有覆盖import re pat = r"\b(?:{})\b".format('|'.join([r'student',r'study(?:ing)?'])) print(pat) # => \b(?:student|study(?:ing)?)\b regEX=re.compile(pat,re.I) s = "He is studying here." mObj = regEX.search(s) if mObj: print(mObj.group(0)) # => studying 的{​​{1}}。

他们有以下代码在css文件中设置进度条的<md-progress-linear>

height

即使我将sass更改为$progress-linear-bar-height: 5px !default; md-progress-linear { height: $progress-linear-bar-height; } ,它仍然不会改变。离开高度,也不会改变任何东西。

即使我把它放在我自己的5px文件中,它也不会覆盖它:

1px

我在这里忽略了什么吗?

sass

3 个答案:

答案 0 :(得分:1)

由于高度设置在多个元素上:

md-progress-linear {
  height: $progress-linear-bar-height;

  .md-container {
    height: $progress-linear-bar-height;

    .md-bar {
      height: $progress-linear-bar-height;
    }

    .md-dashed:before {
      height: $progress-linear-bar-height;
    }
}

你要么覆盖所有这些,要么就像我做的那样:

文件variables_material.scss:

$progress-linear-bar-height: 3px;

档案main.scss:

@import "variables_material";
@import "vendor/angular-material/angular-material.scss"; 

@import …

这会将进度条的高度配置为3px;

答案 1 :(得分:1)

以下应该起作用。首先,我们将进度条容器的高度设置为20px,然后将线性条设置为20px。 这两个元素共同帮助增加线性进度条的高度。

md-progress-linear .md-container {
    height: 20px;
}

md-progress-linear .md-container .md-bar {
    height: 20px;
}

答案 2 :(得分:0)

您可以在md-progress-linear元素上使用scaleY。

transform: scaleY(2); transform-origin: bottom;