css よく使う共通できそうなスタイル集

Posted 2021-05-13

/* ファイル名: FileName

[項目/目次]
* grid コンテナーの上書き
* 要素の重なりの順番を指定したい時z-index
* ボタンの基本スタイル
* テキストフィールドの基本スタイル
* 選択ボックス/Select Boxの基本スタイル
* check box
*/ 

@charset "UTF-8";
@import "base.css"; /* color, font-size.. from u r project Design. */


/* 要素の重なりの順番を指定したい時
* 9 > 5 > 0 (例）
*/
.zin9 {
  z-index: 9999;
}

// display: flex; の解除など
.d-block, .pc {
  display: block;
}

/* sp の時に表示する為に 非表示待機する */
.sp {
  display: none;
}



/* = SP only
============== */
@media only screen and (max-width: 767px) {
  .pc {
      display: none;
  }
  .sp {
      display: block;
  }
  
  
}