/* -----------------------------------------------------------------------------
デフォルトのCSS定義

メモ：
  common.css を取り込む際には、「../fonts/」を置換で消去することにより、以下記載の通りpublic下のassetsが参照される。

  Propshaft では 記載したassetのurlは次の通り解釈される
    url("flower.jpg")       -> http://localhost/assets/flower-[digest].jpg      : /app/assets/images/flower.jpg
    url("/flower.jog")      -> http://localhost/flower.jpg                      : /app/public/flower.jpg
    url("./flower.jog")     -> http://localhost/assets/flower-[digest].jpg      : /app/assets/images/flower.jpg
    url("test/flower.jog")  -> http://localhost/assets/test/flower-[digest].jpg : /app/assets/images/test/flower.jpg

  root/assets 下のアセットは全て root/public 下に移動することになる。
    root
      assets
        fonts
          test1.woff
          foo
            test2.woff
        stylesheets
          common.css
        images
          image.png

    ↓ 以下の通り、public下にフラットな配置になる

    root
      public
        test1.woff
        foo
          test2.woff
        common.css
        image.png


  相対パスで記述することで自動的に/app/assets/下の各ディレクトリを基点としてファイルが探索され、public/assets下のパスに変換される。

Propshaft導入メモ：
  https://github.com/rails/propshaft/blob/main/UPGRADING.md
  
  3. Migrate from Sprockets to Propshaft
    
    Start by following these steps:
    1. Remove sprockets, sprockets-rails, and sass-rails from the Gemfile and add propshaft;
    2. Run ./bin/bundle install;
    3. Open config/application.rb and remove config.assets.paths << Rails.root.join('app','assets');
    4. Remove asset/config/manifest.js.
    5. Replace all asset_helpers (image_url, font_url) in css files with standard urls.
    6. If you are importing only the frameworks you need (instead of rails/all), remove require "sprockets/railtie";
    7. Remove config/initializers/assets.rb;
----------------------------------------------------------------------------- */

.override-screen
{ z-index:65535; position:fixed; top:0; left:0; width:100%; height:100%; }

/* 1対多フォームの制御用 */
.hasmany-form-template
{ display:none; }

/* テーブル内で折り返し改行させない */
.is-nowrap
{ white-space:nowrap; }

/* 禁則処理をしない */
.is-breakall
{ word-break: break-all; }

/* テーブルの列幅を小さく固定する */
td.is-10percent, th.is-10percent
{ width:10%; white-space:nowrap; }
td.is-15percent, th.is-15percent
{ width:15%; white-space:nowrap; }
td.is-20percent, th.is-20percent
{ width:20%; white-space:nowrap; }

/* 画像表示サイズのカスタマイズ */
.image.is-256x256
{  height: 256px;  width: 256px; }


/* ページ内ジャンプ用のアンカーに設定するクラス */
.anchor-link
{ display:block; position: relative; top: -80px; }

/* マークダウン関連 */
.markdawn table
{ border-collapse:  collapse !important; }

.markdawn table th,
.markdawn table td
{ border: 1px solid black !important; }

/* リンクに下線をつける */
.is-link-underline a
{ text-decoration: underline; }