lism-css 0.10.1 → 0.10.3

package/src/scss/reset.scss

@@ -1,23 +1,18 @@
-/* ------------------------------------------------------------
-	方針:
-		できるだけブラウザの標準スタイルに従いながら、レイアウト崩れを防止し、最低限のアクセシビリティの確保する。
-		文書構造を壊して読みづらくなるようなスタイルリセットはしない。
+/*
+  方針:
+    できるだけブラウザの標準スタイルに従いながら、レイアウト崩れを防止し、最低限のアクセシビリティの確保する。
+    文書構造を壊して読みづらくなるようなスタイルリセットはしない。
+    @layer で優先度を下げる。
+
+  参考:
+    https://gist.github.com/EllyLoel/4ff8a6472247e6dd2315fd4038926522
+    https://keithjgrant.com/posts/2024/01/my-css-resets/
+    https://www.joshwcomeau.com/css/custom-css-reset/
+    https://piccalil.li/blog/a-modern-css-reset/
+    https://codepen.io/argyleink/pen/KKvRORE
+ */
 
-
-	参考:
-		https://gist.github.com/EllyLoel/4ff8a6472247e6dd2315fd4038926522
-		https://keithjgrant.com/posts/2024/01/my-css-resets/
-		https://www.joshwcomeau.com/css/custom-css-reset/
-		https://piccalil.li/blog/a-modern-css-reset/
-		https://codepen.io/argyleink/pen/KKvRORE
-
------------------------------------------------------------- */
-
-/* @layer で 優先度を下げる */
 @layer reset {
-  /* ------------------------------------------------------------
-	 Universal
-	------------------------------------------------------------ */
   *,
   ::before,
   ::after {
@@ -25,23 +20,20 @@
     box-sizing: border-box;
   }
 
-  /* 
-	 - margin は dialog以外 0 にリセット
-	 - padding はそのままにする
-	*/
+  /* margin は（dialog以外）全て 0 にリセットする (padding はリセットしない) */
   *:not(dialog) {
     margin: 0;
   }
 
-  /* ------------------------------------------------------------
-	 Documents
-	------------------------------------------------------------ */
+  /* --------------------------------------------------
+   Documents
+  -------------------------------------------------- */
   html {
-    /* iOSで横向きにした時のフォントサイズ自動調節をオフにする. */
+    /* iOSで横向きにした時のフォントサイズ自動調節をオフにする */
     -webkit-text-size-adjust: none;
     text-size-adjust: none;
 
-    /* 文章の折り返し指定 see: https://ics.media/entry/240411/ */
+    /* 文章の折り返し指定 🔗:https://ics.media/entry/240411/ */
     word-break: normal; /* 単語の分割はデフォルトに依存 */
     line-break: strict; /* 禁則処理を厳格に適用 */
     overflow-wrap: anywhere; /* 収まらない場合に折り返す */
@@ -66,9 +58,9 @@
     min-height: 100dvh;
   }
 
-  /* ------------------------------------------------------------
-	 Texts
-	------------------------------------------------------------ */
+  /* --------------------------------------------------
+   Texts
+  -------------------------------------------------- */
   abbr[title] {
     /* Safar で アンダーラインが出ないので明示的に指定して統一する */
     text-decoration: underline;
@@ -87,10 +79,9 @@
     padding: 0;
   }
 
-  /* ------------------------------------------------------------
-	 Medias
-	------------------------------------------------------------ */
-
+  /* --------------------------------------------------
+   Medias
+  -------------------------------------------------- */
   svg,
   img,
   video,
@@ -115,9 +106,9 @@
     border: none;
   }
 
-  /* ------------------------------------------------------------
-	 Form Fields
-	------------------------------------------------------------ */
+  /* --------------------------------------------------
+   Form Fields
+  -------------------------------------------------- */
   input,
   button,
   textarea,
@@ -142,9 +133,9 @@
     max-inline-size: 100%;
   }
 
-  /* ------------------------------------------------------------
-	 cursor 初期セット
-	------------------------------------------------------------ */
+  /* --------------------------------------------------
+   cursor 初期セット
+  -------------------------------------------------- */
   label[for],
   select,
   summary,
@@ -171,9 +162,9 @@
     cursor: not-allowed;
   }
 
-  /* ------------------------------------------------------------
-	 その他
-	------------------------------------------------------------ */
+  /* --------------------------------------------------
+   その他
+  -------------------------------------------------- */
   [hidden='until-found'] {
     /* 意図せず他の要素の上にかぶってしまうのを防ぐ (until-found は stacking context を生成する) */
     z-index: -1;

package/src/scss/base/tokens/_property.scss

@@ -1,21 +0,0 @@
-// @property が使える環境であればコンテナのさらに親要素の幅を参照できるので、containerを1段階飛び出せる。
-// cqi を算出値で保持するために登録済みカスタムプロパティとして定義
-// --parent-cq
-@property --sz--container {
-  syntax: '<length-percentage>';
-  initial-value: 100cqi;
-  inherits: true;
-}
-
-// :lang(ja) {
-// 	--hl: calc((1lh - 1em) / 2);
-// }
-// :lang(en) {
-// 	--hl: calc((1lh - 1cap) / 2);
-// }
-// lh非サポートブラウザ用のフォールバック
-// @supports not (gap: 1lh) {
-// 	:root {
-// 		--HL: 0px;
-// 	}
-// }