正确记录sass中的h1 ... h6

时间:2018-08-01 12:19:51

标签: css css3 sass

我目前正在学习sass,我想将css重写为sass以进行学习。我想知道如何在Sass中保存h1 ... h6。我做得好吗?

这是sass中的正确记录吗?

h1 {
  font-family: "Aleo", sans-serif;
  font-weight: 700;
  margin: 0 0 20px 0;
  line-height: 1.5;
  color:#000; 
}

h2 {
  @extend h1;
  font-size: 44px;
}

h3 {
  @extend h1;
  font-size: 22px;
}

h4 {
  @extend h1;
  font-size: 20px;
  color:#9b9578; 
  font-weight: 400;
  text-transform: uppercase;
}

h5 {
  @extend h1;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
} 

感谢您的所有建议!

1 个答案:

答案 0 :(得分:1)

您可以使用“ mixin”和“ include”事件。

import QtQuick 2.0
import QtQuick.Window 2.3

Item {
    Timer{
        id: timer
        interval: 1000; running: true; repeat:true
        onTriggered:{
            console.log("ex")
            test.testFunc();
        }
    }
}

我认为这是您寻找的正确方法。