エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
CSS設計でボタンのコンポーネント対応って実は難しいのでは?と思ったらそもそもに問題があるかも - 1-4no diary
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
CSS設計でボタンのコンポーネント対応って実は難しいのでは?と思ったらそもそもに問題があるかも - 1-4no diary
CSS設計やコンポーネント化を考える上で、ボタンというのはよく例にあげられます。 しかし、パターンが... CSS設計やコンポーネント化を考える上で、ボタンというのはよく例にあげられます。 しかし、パターンが多いと、コンポーネント化がとても難しいです。 ボタンのパターン ボタンのよくあるパターンを考えてみます。 (ここからはBEMを使用していることを前提に進めていきます) 色違い これは特に問題ありません。 下記の用になるかと思います。 hover 処理を mixin にしています。 .btn { // 共通ルールは省略 @mixin set_btn_color($background_color, $amount: 7) { background-color: $background-color; transition-duration: 0.3s; &:hover { transition-duration: 0.3s; background-color: darken($backgroun