lism-css 0.3.5 → 0.5.1

package/src/scss/state/_flow.scss

@@ -1,45 +0,0 @@
-/*
-	Meomo: end:0 がどうせ :first-child に必要なので、 mbs も > * + * 使わず上書き形式で。
-	is--containerと合わせて、カスタム値のセットは is--flow + 変数定義だけでできるように。
-*/
-
-.is--flow {
-	display: flow-root;
-	// --_fgap: var(--flowM, var(--flowM-m));
-
-	> * {
-		--mbs: var(--flowM, var(--flowM-m));
-		margin-block: var(--mbs) 0;
-	}
-}
-.-flow\:s > * {
-	--mbs: var(--flowM-s);
-}
-.-flow\:m > * {
-	--mbs: var(--flowM-m);
-}
-// .-flow\:l > * {
-// 	--flowM: var(--flowM-l);
-// }
-// .-flow\: > * {
-// 	--mbs: var(--flowM);
-// }
-
-// 見出しの上部余白は少しだけ広くする. ただし、見出し直後の見出しの場合を除く。
-// Note: :first-child での打消しのほうが優先度高くなるように注意する
-.is--flow > :where(h1, h2, h3, h4) {
-	margin-block-start: calc(var(--mbs) + var(--flowM-h));
-}
-// :where(h2 + h3, h3 + h4) {
-// 	--flowM-h: 0px;
-// }
-
-// fullwideの連結に余白は基本不要
-.is--flow > :where(.is--fullwide + .is--fullwide) {
-	--mbs: 0;
-}
-
-// :first-child への上書きのほうが優先度高くなるように。
-.is--flow > :first-child {
-	margin-block-start: 0;
-}

package/src/scss/state/_size.scss

@@ -1,22 +0,0 @@
-// Note: [data-content-size] より後にかく。
-.is--fullwide {
-	// container-type: inline-size;
-	max-inline-size: 100%;
-
-	:where(.has--gutter) > & {
-		// --content-size 変数は min()で100%と比較してるので、直接セット
-		max-inline-size: calc(100% + var(--gutter) * 2);
-		margin-inline: calc(var(--gutter) * -1);
-	}
-}
-
-// :is(.alignwide, .is--wide)
-.is--wide {
-	// container-type: inline-size;
-	max-inline-size: var(--wideSize, 100%);
-}
-
-.is--overwide {
-	max-inline-size: var(--overwideSize, 100vi);
-	margin-inline: calc(50% - var(--overwideSize) / 2);
-}

package/src/scss/state/index.scss

@@ -1,12 +0,0 @@
-// state
-@forward './gutter';
-@forward './flow';
-@forward './container'; // Note: flow より後ろで読み込む
-@forward './size'; // Note: container より後ろで読み込む
-@forward './linkbox';
-@forward './layer'; // Note: position の関係で、linkbox より後で読み込む
-
-// container, frame直下のメディア要素は block に初期リセット
-:where(.is--container, .is--flow) > :where(img, video, audio) {
-	display: block;
-}