globals.scss

@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';
@import 'gridjs/dist/theme/mermaid.css';

body {
  font-family:
    'Noto Sans JP',
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    'Fira Sans',
    'Droid Sans',
    'Helvetica Neue',
    sans-serif;
  margin: 0;
  padding: 0;
}

html,
a {
  color: inherit;
  text-decoration: none;
}

* {
  box-sizing: border-box;
}

/* ハンバーガーボタンの色や形 */
.bm-burger-button {
  height: 30px;
  left: 36px;
  position: fixed;
  top: 18px;
  width: 36px;
}

/* ハンバーガーボタンの場所 */
.right .bm-burger-button {
  left: initial;
  right: 24px;
}

.bm-burger-button button:focus {
  outline: 2px solid #fff;
  outline-offset: 8px;
}

/* バーガーアイコンの「棒」の色や形 */
.bm-burger-bars {
  background: #fff;

  /* デフォルトは 20% */
  height: 15% !important;
}

/* バーガーアイコンの「棒」の色や形（ホバー時） */
.bm-burger-bars-hover {
  background: #808080;
  height: 10%;
  opacity: 0.6;
}

/* メニューを閉じる「バツボタン」の位置およびサイズ */
.bm-cross-button {
  height: 35px;
  margin: 10px;
  width: 35px;
}

/*
  メニューを閉じる「バツボタン」の色および形および大きさ
  height がバツボタンの大きさ
  width は線の太さ
*/
.bm-cross {
  background: #bdc3c7;
  height: 25px !important;
  margin: -3px 0 0 -3px;
  width: 2px !important;
}

/*
  Sidebar wrapper styles
  Note: Beware of modifying this element as it can break the animations - you should not need to touch it in most cases
  => 触るな危険
*/
.bm-menu-wrap {
  height: 100%;
  position: fixed;
}

/* サイドバーの基本的なスタイル */
.bm-menu {
  background: #373a47;
  font-size: 1.15em;
  padding: 2.5em 1.5em 0;
}

/* メニュー開閉種別が Bubble または Elastic の際の設定 */
.bm-morph-shape {
  fill: #373a47;
}

/* メニューアイテムリストのラッパ */
.bm-item-list {
  color: #b8b7ad;
  padding: 0.2em;
}

/* 個々のメニューアイテム */
.bm-item {
  display: inline-block;
  margin-bottom: 10px;
  outline: none;
  text-decoration: none;
}

/* オーバーレイのスタイル */
.bm-overlay {
  background: rgb(0 0 0 / 30%);
}

/* Gird.js の検索ボックスを右寄せにする */
.overflow-x-auto .gridjs-search {
  float: right;
}