Redmineの設定

タスク内容¶

統一されたTailwindCSS設定ファイルを作成し、両システムで使用可能な形に整備する

実装内容¶

1. カラーパレット定義

   colors: {
     primary: {
       50: '#e6f7ec',
       100: '#c2ecd2',
       500: '#06C755', // メインカラー
       600: '#05a847',
       700: '#048939',
     },
     gray: {
       // LINEデザイン準拠のグレースケール
     }
   }
   

2. カスタムユーティリティ

   • 角丸設定（LINE風）
   • シャドウクラス
   • アニメーションクラス
   • グリッドシステム拡張

3. プラグイン設定

   • フォーム要素スタイリング
   • タイポグラフィ拡張
   • アスペクト比ユーティリティ

4. レスポンシブ設定

   • ブレークポイント統一
   • コンテナ幅設定
   • モバイルファースト最適化

成果物¶

• tailwind.config.js（統一版）
• カスタムCSSファイル
• 使用ガイドライン

作業時間見積もり: 8時間¶

親チケット: #460¶