コンテナクエリは今までのメディアクエリのスクリーンベースではなく、親コンテナをベースにして子要素のスタイルを定義できます。レイアウトやコンポーネントをはじめ、レスポンシブ対応のフォントサイズにも大活躍する新機能です。 そんなコンテナ ...

こんにちは！ サイボウズ フロントエンドエキスパートチームの麦島です。 今回のテーマはContainer Queriesです。 Container Queriesは、祖先要素として存在するコンテナのスタイルに応じてCSSを適用するための機能です。利用時は@containerで宣言します。 従来でも ...

Users can specify a different host port when running Content Search Services container, for example: # Publish CSS container's port 8199 to the host 8199 # when running docker container named cssx1 ...

Webのレスポンシブは、メディアクエリによるページベースだけでなく、コンテナクエリによる親コンテナベースの実装ができるようになります。 このCSSの新機能コンテナクエリによりコンポーネントを複数のコンテクストで使用でき、コンポーネント単位の ...

CSSの最近追加された要素を調べられてないな～と思いまして、 noteにまとめています。 今回はコンテナクエリについて調べました。 コンテナクエリとは コンテナクエリと比べられるのがメディアクエリです。 従来のメディアクエリでは画面幅〇〇以上の時 ...

This plugin works in conjunction with the native container component and its horizontal padding options. There are no additional options to be configured in the theme. There are, however, a few ...