0803share.scss

@import"scss/reset";
body {
    /*apple-system apple預設
    //Segoe 微軟 不可寫中文
    //Arial, sans-serif 每個裝置都可用的字體
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft JhengHei", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    //行高*/
    line-height: 1.5;
    h1, h2, h3, h4, h5, h6 {
        line-height: 1.2;
    }
    /*/通用
    //主色(明暗變化) 強調色(次要色、重要、)*/
    .text-primary {
        color:#3F5D45;
    }
    .text-light{
        color: #EAF0ED;
    }
    .text-dark{
        color: #2C4832;
    }
    .text-secondary{
        color:#FFE180;
    }
    .list{
        font-size: 1.5rem;/*/24px*/
    }
    /*.font{
        font-size: 1rem;16
        font-size: 1.25rem;20
        font-size: 1.5rem;24
    }*/
    /*margin bottom 間距 重複利用
    1->5
    2->20
    3->30
    4->40
    5->60
    */
    .mb-1{
        margin-bottom: 5px;
    }
    .mb-2{
        margin-bottom: 20px;
    }
    .mb-3{
        margin-bottom: 30px;
    }
    .mb-4{
        margin-bottom: 40px;
    }
    .mb-5{
        margin-bottom: 60px;
    }
    /*fontawesome CSS文字轉圖片*/
    .container {
        max-width: 940px;
        margin: 0 auto;
    }
    img {
        max-width: 100%;
        height: auto;
    }
    /*斷點
    PC 1200px
    PAD 768px
    mobile 568px*/
}