Guideline : css

SCSS ver2.0.1

start.css には記述しない

• 1rem = 16px

import のみ

@import ‘_01_sanitize.scss’;

文字の大きさ

14px 16px

Font-family

クラスの命名規則

_04-03_commonClass.scss

/* Clear */
.cl-b{clear: both;}
.cl-r{clear: right;}
.cl-l{clear: left;}

/* float */
.fr{float: right;}
.fl{float: left;}

/* Text align */
.ta-center {text-align: center ;}
.ta-right{text-align: right;}
.ta-left{text-align: left;}

/* overflow
-------------------------------------------------- */
.over-scroll {overflow: scroll;}
.over-hidden {overflow: hidden;}

/* display
-------------------------------------------------- */
.disnone {display: none;}
.disnone-pc {
  display: block;
  @include mque(pc){display: none;}
}
.disnone-ta {
  display: block;
  @include mque(ta){display: none;}
}
.disnone-sp {
  display: none;
  @include mque(ta){display: block;}
}
.disflex{display: flex;}
.disinline {display: inline;}
.disinline-flex {display: inline-flex;}

まだ途中