基线字体不起作用

时间:2017-01-11 22:47:07

标签: css3 mixins gulp-sass

任何人都可以指出我在这里缺少的东西。当浏览器页面大小很小时,我无法弄清楚为什么我的基线字体font-size: 1.1rem;不起作用。它宁愿拿起/默认字体大小

@mixin atSmall {
    font-size: 2rem;
  }

长hero.css

&__title{
  font-weight: 300;
  color: $mainBlue;
  margin: 0;
  font-size: 1.1rem;

  @mixin atSmall {
    font-size: 2rem;
  }
   @mixin atMedium {
   font-size: 3.2rem;
 }
 @mixin atLarge {
  font-size: 4.8rem;
 }
 }

_mixins.css

@define-mixin atSmall {
  @media (min-width: 530px) {
    @mixin-content;
  }
}
@define-mixin atMedium {
  @media (min-width: 800px) {
    @mixin-content;
  }
}
@define-mixin atlarge {
  @media (min-width: 1200px) {
    @mixin-content;
  }
}

styles.css的

@import 'normalize.css';
@import 'base/_global';
@import 'base/_variables';
@import 'base/_mixins';
@import 'modules/_large-hero';
@import 'modules/_btn';

由于

0 个答案:

没有答案