UIkit3 使用環境 本題 src/scss/variables.scss src/scss/components/inverse.scss mixed-decls あとがき 使用環境 Name Version Dart Sass 1.92.0 UIkit 3.23.12 本題 fossa-hobby.hatenablog.com 前回で不足していた内容を、追加します。 src/scss/variabl…

UIkit3 使用環境 準備 各ファイルの中身 src/scss/uikit.scss src/scss/mixins.scss src/scss/variables.scss src/scss/components/_index.scss src/scss/components/alert.scss src/scss/components/inverse.scss custom/theme/variables.scss custom/theme…

UIkit3 まえがき 使用環境 本題 あとがき まえがき Info 過去に書いた記事を、一から書き直したリライト記事です。 使用環境 Name Version Dart Sass 1.87.0 UIkit 3.23.6 本題 UIkitでは、mixinをhookするために使っています。 例えば、下記の通りです。 .u…

使用環境 Name Version Uikit 3.17.11 boxicons 2.1.4 前書き vertical-alignは、inlineとinline-blockとtable-cellで、設定します。*1 検索すると、vertical-align: middleが効かない旨の記事は多いのです。 しかし、table-cell のtdタグでvertical-align: …

UIkit 使用環境 Name Version UIkit 3.7.6 uk-card-body uk-overflow-auto <div class="uk-card-body uk-overflow-auto"> uk-card-bodyに、overflow:auto;を指定して、コンテンツの高さが溢れた場合、スクロールさせたい場合があります。 以前は、JavaScriptで、uk-card-bodyのheightを計算していました</div>…

UIkit3 使用環境 Name Version node v16.2.0 npm 7.15.0 sass 1.34.0 uikit 3.6.22 Deprecation Warning: Using / for division is deprecated and will be removed in Dart Sass 2.0.0. UIkit3で、sassを使うと、上記のようなメッセージが出ました。*1 解決…