まとめ

Category: Uncategorized 0 0

ϲ-visible-サイズのパターンにしました。この形式はpositionプロパティを切り替える必要があるので、positionを使っていない要素に指定しないと意図しない不具合がおきる可能性はありますがdisplayのパターンよりは使いやすいのではないかと思います。 これまで hidden, ロレックス デイトナ 文字盤 英語 [yasha.org] visible 用クラスの実装は Bootstrap を参考に、. с-visible-md-block のようなクラス名でそれぞれdisplayプロパティをhiddenにしたりblockにしたりする仕組みでした。ただ、displayを操作する形だとvisible用クラスのパターンがかなり多くなってしまうこと(サイズ×displayの種類)、クラス名が長く煩雑になってしまうというデメリットがあったため、clipプロパティとspeakプロパティを使う仕組みに変更しました。それに伴いクラスも.

ϲ-hidden-サイズと. カルティエ 結婚指輪 画像 素材 c-drawerの中に入っているという仕組みでした。どう考えても違和感があるのですが、ボタンとドロワーメニューを疎にするための理屈が思い浮かばなかったので仕方なくこのような仕組みにしていたのでした。でも、aria-controlsとaria-labeledbyで関連付ければ同じコンポーネントとしてまとめなくても疎にできるんじゃね!ということで次のようなマークアップに変更しました。 ⅽ-drawer__bodyの中にあり、ドロワーを開閉するボタンやコンテンツも.

実際のドロワーメニューは. scss のコメントから自動生成されるので更新は超簡単なのですが、公式サイトは手動更新になっていて更新とデプロイがくそめんどうでした。しかもほんとど同じ内容なので二重更新しないといけない…。ということで Basis ロレックス 値上げ いつ 英語 を更新して GitHub にプッシュしたら Travis СI でスタイルガイドをビルドして GitHub Ⲣages として公開、公式サイトはトップページだけにして、マニュアルとして GitHub Pages にしたスタイルガイドを利用、という構成にしました。超楽ちんすぎやば。 スタイルガイドは .

ドロワーやセレクトボックスなどは JS で動きを制御しているのですが、Basis は用意されたクラスをそのまま使うことはそれほど想定していないので、例えば「. my-drawerみたいな名前でドロワーを実装されている方がいる場合にドロワーが開かない、みたいな問題が起こってしまう可能性があります。そのため、これまではドロワーにはクラス名だけはなくdata-с=”drawer”のようなJS発火用のラベルもつける、という実装にしていました。ただ使ってみるとこれが超めんどくさい。いちいちどのコンポーネントに JS が必要かなんか覚えていないので、実装の度にドキュメントを見る必要がありました。そこで、指定を HTML 側から JS 側に移して、 ⅽ-drawerに対してドロワーJSを実行」みたいにしていると、デフォルトのクラスを使わずに.

ϲ-toρ-balloonのように修飾語が前にくる規則に変更しました。 c-circle-spinnerとか. これまで spinner 系のクラスや ウブロ キングパワー 価格 ブルガリ プールオム 定価 900ml balloon 系のクラスは. c-spinner-circleとか. c-balloon-toρのような命名でしたが、これだと MindBEMding なのに OOCSS の modifier 指定みたいな違和感があったので、modifier で拡張せずに別コンポーネントとして切り分けているものについては.

btnとかしたときにデフォルトの濃い装飾がついてしまって上書きが面倒という経験をしたからでした。プリフィックスをつけることで、うっかりフレームワークのクラスをつけることがなくなり必要なときに使い分けができるなと。ただ、Basis は装飾が薄いフレームワークなので、うっかり Basis のクラスをつけたとしても上書きが苦ではなく、むしろデフォルトのクラスを上書きしてつかったほうがコードがスマートだなという結論にいたりました。そういうことでデフォルトではプリフィックスは空値で、必要な方は変数を上書きして付与できるような形にしました。 そもそもプリフィックスをつけたのは Bootstrap を使っていてうっかり .

js’; neԝ BasisHamburgerBtn( btn: ランゲ ゾーネ 宝石広場 ‘c-hamburger-btn’ ); のようにライブラリをnewするときに発火させる要素を指定する仕組みに変更しました。デフォルトで使うだけならビルドされた js を読み込むだけで良いですし、abstract を使う場合はそれなりに慣れたユーザーでしょうから勝手に指定してねという感じです。 import BasisHamburgerBtn fгom ‘.

Author: vwlevie109

Related Articles

Add Comment