@d-zero/scaffold 5.0.0-alpha.9 → 5.0.0-beta.1

package/__assets/_libs/component/_c-content-index.scss

@@ -1,8 +0,0 @@
-@use '../style/theme' as *;
-
-.c-content-index {
-	&__body {
-		margin-block: 0;
-		margin-inline: auto;
-	}
-}

package/__assets/_libs/component/_c-footer.scss

@@ -1,43 +0,0 @@
-@use '../style/theme' as *;
-
-.c-footer {
-	padding-block-end: 2em;
-
-	&__body {
-		margin-block: 0;
-		margin-inline: auto;
-	}
-
-	&__links {
-		ul {
-			display: flex;
-			justify-content: center;
-			padding: 0;
-			margin-block: 0 1em;
-			margin-inline: 0;
-
-			@media (--sm-lte) {
-				display: block;
-			}
-		}
-
-		li {
-			display: block;
-			padding: 0;
-			margin-block: 0;
-			margin-inline: 1em;
-		}
-
-		a {
-			display: block;
-			padding: 1em;
-			color: inherit;
-			text-decoration: none;
-		}
-	}
-
-	&__copyright {
-		display: block;
-		text-align: center;
-	}
-}

package/__assets/_libs/component/_c-header.scss

@@ -1,96 +0,0 @@
-@use '../style/theme' as *;
-
-.c-header {
-	padding-block: 1.5em 1.7em;
-	padding-inline: 2em;
-	border-block-end: 1px solid var(--border-color);
-
-	&__body {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		margin-block: 0;
-		margin-inline: auto;
-
-		@media (--md-lte) {
-			display: block;
-		}
-	}
-
-	&__title {
-		flex: 0 1 auto;
-
-		@media (--md-lte) {
-			margin-block-end: 2em;
-			text-align: center;
-		}
-	}
-
-	&__site-name {
-		margin: 0;
-
-		> a {
-			display: block;
-			color: inherit;
-			text-decoration: none;
-		}
-	}
-
-	&__description {
-		margin: 0;
-	}
-
-	&__info {
-		display: flex;
-		flex: 0 1 auto;
-		flex-direction: column;
-	}
-
-	&__links {
-		display: flex;
-		flex: 0 1 auto;
-		padding: 0;
-		margin: 0;
-
-		@media (--md-lte) {
-			margin-block: 0 1em;
-			margin-inline: auto;
-		}
-
-		> li {
-			display: block;
-			flex: 0 1 auto;
-
-			> a {
-				display: block;
-				padding-block: 0.5em;
-				padding-inline: 1em;
-				color: inherit;
-				text-decoration: none;
-			}
-		}
-	}
-
-	&__tel {
-		flex: 0 1 auto;
-		text-align: end;
-
-		> a {
-			inline-size: 100%;
-			padding-block: 0.5em;
-			padding-inline: 1em;
-			color: inherit;
-			text-align: center;
-			text-decoration: none;
-			border-radius: 5px;
-
-			@media (--md-lte) {
-				display: block;
-				inline-size: calc(80 / 100 * 100%);
-				margin-block: 0;
-				margin-inline: auto;
-				text-align: center;
-			}
-		}
-	}
-}

package/__assets/_libs/component/_c-media.scss

@@ -1,115 +0,0 @@
-@use '../style/theme' as *;
-
-.c-media {
-	position: relative;
-	block-size: 100%;
-	overflow: hidden;
-	border: 1px solid var(--border-color);
-	outline: 2px solid transparent;
-	transition: outline 300ms;
-
-	&:has(a:hover) {
-		border: 1px solid var(--border-color);
-		outline: 2px solid var(--border-color);
-	}
-
-	> a {
-		display: grid;
-		grid-template:
-			'img header' auto
-			'img body' auto
-			/ calc(1 / 3 * 100%) calc(2 / 3 * 100%);
-		block-size: 100%;
-		color: currentcolor;
-		text-decoration: none;
-	}
-
-	&__img {
-		grid-area: img;
-
-		img {
-			inset-block-start: 0;
-			inset-inline-start: 0;
-			display: block;
-			inline-size: 100%;
-			block-size: 100%;
-			aspect-ratio: 4 / 3;
-			object-fit: cover;
-			object-position: center top;
-		}
-	}
-
-	&__header {
-		flex: 0 1 auto;
-		grid-area: header;
-		padding-block: 0;
-		padding-inline: 1.5em;
-	}
-
-	&__body {
-		flex: 0 1 100%;
-		grid-area: body;
-		padding-block: 0.5em 2em;
-		padding-inline: 1.5em;
-	}
-
-	&__title {
-		padding: 0;
-		margin-block: 0;
-		margin-inline: auto;
-	}
-
-	// ブログのみ
-	&__meta {
-		//
-	}
-
-	// ブログのみ
-	&__time {
-		display: none;
-	}
-
-	// ブログのみ
-	&__category {
-		//
-	}
-
-	// ブログのみ
-	&__tags {
-		ul {
-			padding: 0;
-			margin-block: 0;
-			margin-inline: auto;
-			list-style: none;
-		}
-	}
-
-	// ブログのみ
-	&__tag-item {
-		display: inline-block;
-		padding: 0;
-		margin: 0;
-		list-style: none;
-
-		span {
-			display: block;
-			padding-block: 0.2em;
-			padding-inline: 1em;
-		}
-	}
-
-	// ブログのみ
-	&__author {
-		display: none;
-	}
-
-	&__description {
-		padding: 0;
-		margin: 0;
-
-		p {
-			padding: 0;
-			margin: 0;
-		}
-	}
-}

package/__assets/_libs/component/_c-nav-global.scss

@@ -1,117 +0,0 @@
-@use '../style/theme' as *;
-
-.c-nav-global {
-	position: relative;
-	margin-block-end: 1em;
-	border-block-end: 1px solid var(--border-color);
-
-	&__body {
-		margin-block: 0;
-		margin-inline: auto;
-	}
-
-	&__list {
-		display: flex;
-		flex-wrap: nowrap;
-		align-items: stretch;
-		justify-content: space-between;
-		padding: 0;
-		margin: 0;
-
-		@media (--md-lte) {
-			flex-wrap: wrap;
-		}
-
-		@media (--md-lte) {
-			display: block;
-		}
-	}
-
-	&__item {
-		display: block;
-		flex: 1 1 auto;
-
-		> a {
-			display: block;
-			color: inherit;
-			text-align: center;
-			text-decoration: none;
-
-			@media (--md-lte) {
-				border-block-end: 1px solid var(--border-color);
-			}
-
-			> span {
-				display: block;
-				padding-block: 1em;
-				padding-inline: 2em;
-				border-inline-start: 1px solid var(--border-color);
-
-				@media (--md-lte) {
-					border-inline-start: none;
-				}
-			}
-		}
-
-		&:first-child {
-			> a {
-				> span {
-					border: none;
-				}
-			}
-		}
-
-		&:last-child {
-			> a {
-				@media (--md-lte) {
-					border: none;
-				}
-			}
-		}
-	}
-
-	&__sub-nav {
-		position: absolute;
-		inset-inline-start: 0;
-		inline-size: 100%;
-
-		@media (--md-lte) {
-			position: static;
-		}
-
-		> ul {
-			display: flex;
-			flex-wrap: nowrap;
-			justify-content: space-around;
-
-			@media (--md-lte) {
-				display: block;
-				padding: 0;
-			}
-
-			> li {
-				list-style: none;
-
-				@media (--md-lte) {
-					border-block-end: 1px solid var(--border-color);
-				}
-
-				> a {
-					display: block;
-					inline-size: 100%;
-					padding: 1em;
-					color: inherit;
-					text-decoration: none;
-
-					@media (--md-lte) {
-						text-align: center;
-					}
-
-					&:hover {
-						opacity: 0.7;
-					}
-				}
-			}
-		}
-	}
-}

package/__assets/_libs/component/_c-page-home.scss

@@ -1,45 +0,0 @@
-@use '../style/theme' as *;
-
-.c-page-home {
-	inline-size: 100%;
-	block-size: 100%;
-
-	&__base {
-		display: grid;
-		grid-template:
-			'header' auto
-			'nav-global' auto
-			'main' 1fr
-			'nav-sitemap' auto
-			'footer' auto
-			/ 1fr;
-		inline-size: 100%;
-		block-size: 100%;
-	}
-
-	&__header {
-		grid-area: header;
-	}
-
-	&__nav-global {
-		grid-area: nav-global;
-	}
-
-	&__main {
-		grid-area: main;
-
-		> * {
-			inline-size: var(--content-width);
-			padding-inline: 1rem;
-			margin-inline: auto;
-		}
-	}
-
-	&__nav-sitemap {
-		grid-area: nav-sitemap;
-	}
-
-	&__footer {
-		grid-area: footer;
-	}
-}

package/__assets/_libs/component/_c-page-sub.scss

@@ -1,65 +0,0 @@
-@use '../style/theme' as *;
-
-.c-page-sub {
-	inline-size: 100%;
-	block-size: 100%;
-
-	&__base {
-		display: grid;
-		grid-template:
-			'header' auto
-			'nav-global' auto
-			'main' 1fr
-			'nav-sitemap' auto
-			'footer' auto / 1fr;
-		inline-size: 100%;
-		block-size: 100%;
-	}
-
-	&__header {
-		grid-area: header;
-	}
-
-	&__nav-global {
-		grid-area: nav-global;
-	}
-
-	&__main {
-		grid-area: main;
-	}
-
-	&__nav-sitemap {
-		grid-area: nav-sitemap;
-	}
-
-	&__footer {
-		grid-area: footer;
-	}
-
-	&__content {
-		padding-inline: 2em;
-	}
-
-	&__title-page {
-		max-inline-size: var(--wide-layout-width);
-		margin-block-end: 1em;
-		margin-inline: auto;
-	}
-
-	&__nav-breadcrumb {
-		max-inline-size: var(--wide-layout-width);
-		margin-block-end: 2em;
-		margin-inline: auto;
-	}
-
-	&__content-index {
-		max-inline-size: var(--content-width);
-		padding-block-end: calc(60 / 17 * 1em);
-		margin-inline: auto;
-	}
-
-	&__content-main {
-		max-inline-size: var(--content-width);
-		margin-inline: auto;
-	}
-}

package/__assets/_libs/component/_c-pagination.scss

@@ -1,100 +0,0 @@
-@use '../style/theme' as *;
-
-.c-pagination {
-	display: flex;
-	justify-content: center;
-	margin-block-start: 1rem;
-	overflow: hidden;
-	clear: both;
-	text-align: center;
-
-	@media (--xs) {
-		justify-content: space-between;
-	}
-
-	a {
-		color: currentcolor;
-		text-decoration: none;
-		background: none;
-	}
-
-	&__prev,
-	&__next {
-		a {
-			position: relative;
-			display: flex;
-			align-items: center;
-			padding-inline: 1em;
-			border: 1px solid var(--border-color);
-
-			&[data-disabled='true'] {
-				pointer-events: none;
-				opacity: 0.3;
-			}
-		}
-	}
-
-	&__prev {
-		order: 1;
-
-		::before {
-			content: '<';
-		}
-	}
-
-	&__next {
-		order: 3;
-
-		::after {
-			content: '＞';
-		}
-	}
-
-	&__numbers {
-		display: flex;
-		order: 2;
-		padding: 0;
-		margin-block: 0;
-		margin-inline: 2em;
-		font-weight: bold;
-		list-style: none;
-
-		@media (--xs) {
-			display: none;
-		}
-	}
-
-	&__number {
-		display: block;
-		margin-block: 0;
-		margin-inline: 0.5em;
-		list-style: none;
-
-		&:hover {
-			padding-block-end: 2px;
-			border-block-end: 2px solid var(--border-color);
-		}
-
-		// 🐲 baserCMSの仕様上 マルチクラスでしかカレントを定義できない
-		/* stylelint-disable selector-class-pattern */
-		&--current {
-			border-block-end: 2px solid var(--border-color);
-
-			&:hover {
-				padding-block-end: 0;
-			}
-		}
-		/* stylelint-enable selector-class-pattern */
-
-		a {
-			display: block;
-			padding-block: 0;
-			padding-inline: 0.3em;
-			text-align: center;
-
-			&::after {
-				display: none;
-			}
-		}
-	}
-}