/* フォントサイズ */ .fzb1_txt { font-size: 105%!important;} .fzb2_txt { font-size: 110%!important;} .fzb3_txt { font-size: 140%!important;} .fzb4_txt { font-size: 150%!important;} .fzs1_txt { font-size: 95%!important;} .fzs2_txt { font-size: 80%!important;} /* 太文字 */ .strong_txt { font-weight: bold;} /*------------------------------------------------------------ ボーダー ------------------------------------------------------------*/ .border { &_dot { @include sizing; border-bottom: 1px dotted #ACA6B9; } } /* ========= margin ========== */ @for $i from 0 through 13 { // all margin .m#{$i*5} { margin: #{$i*0.5}rem!important; @include mq { margin: #{($i*0.5)/2}rem!important;} } // margin top .mt#{$i*5} { margin-top: #{$i*0.5}rem!important; @include mq { margin-top: #{($i*0.5)/2}rem!important;} } // margin bottom .mb#{$i*5} { margin-bottom: #{$i*0.5}rem!important; @include mq { margin-bottom: #{($i*0.5)/2}rem!important;} } // margin left .ml#{$i*5} { margin-left: #{$i*0.5}rem!important; @include mq { margin-left: #{($i*0.5)/2}rem!important;} } // margin right .mr#{$i*5} { margin-right: #{$i*0.5}rem!important; @include mq { margin-right: #{($i*0.5)/2}rem!important;} } // margin top bottom .mtb#{$i*5} { margin: #{$i*0.5}rem auto!important; @include mq { margin: #{($i*0.5)/2}rem auto!important;} } // margin right left .mrl#{$i*5} { margin-right: #{$i*0.5}rem!important; margin-left: #{$i*0.5}rem!important; @include mq { margin-right: #{($i*0.5)/2}rem!important; margin-left: #{($i*0.5)/2}rem!important; } } } /* ========= padding ========== */ @for $i from 1 through 12 { // all padding .p#{$i*5} { padding: #{$i*0.5}rem!important; @include mq { padding: #{($i*0.5)/2}rem!important;} } // padding top .pt#{$i*5} { padding-top: #{$i*0.5}rem!important; @include mq { padding-top: #{($i*0.5)/2}rem!important;} } // padding bottom .pb#{$i*5} { padding-bottom: #{$i*0.5}rem!important; @include mq { padding-bottom: #{($i*0.5)/2}rem!important;} } // padding left .pl#{$i*5} { padding-left: #{$i*0.5}rem!important; @include mq { padding-left: #{($i*0.5)/2}rem!important;} } // padding right .pr#{$i*5} { padding-right: #{$i*0.5}rem!important; @include mq { padding-right: #{($i*0.5)/2}rem!important;} } // padding top bottom .ptb#{$i*5} { padding-top: #{$i*0.5}rem!important; padding-bottom: #{$i*0.5}rem!important; @include mq { padding-top: #{($i*0.5)/2}rem!important; padding-bottom: #{($i*0.5)/2}rem!important; } } // padding right left .prl#{$i*5} { padding-right: #{$i*0.5}rem!important; padding-left: #{$i*0.5}rem!important; @include mq { padding-right: #{($i*0.5)/2}rem!important; padding-left: #{($i*0.5)/2}rem!important; } } }