「テンプレート:MainPage/Shared/styles.css」の版間の差分

2026年1月13日 (火) 11:14時点における版

.irori-mainpage-shared-grid {
	display: grid;
	grid-template-columns: 1fr; 
	grid-gap: var( --space-sm );
}

.irori-mainpage-shared-grid-inner {
	display: grid;
	grid-template-columns: 1fr; 
	grid-gap: var( --space-sm );
}

.irori-mainpage-shared-card {
	position: relative;
	padding: var( --space-md );
	border: 1px solid var( --border-color-base );
	background: var( --color-surface-1 );
	border-radius: var( --border-radius-medium );
	font-size: var( --font-size-small );
}

.irori-mainpage-shared-center {
	text-align: center;
}

.irori-mainpage-shared-link-button {
	display: flex;
}

.irori-mainpage-shared-link-button a {
	flex-grow: 1;
	padding: var( --space-xs );
	border: 1px solid var( --border-color-base );
	background: var( --color-surface-2 );
	border-radius: var( --border-radius-medium );
	color: var( --color-emphasized ) !important;
    line-height: var( --line-height-xxx-small );
    text-decoration: none !important;
}

@media (min-width: 600px) {
  .irori-mainpage-shared-grid {
    grid-template-columns: 3fr 1fr; 
  }
}

@@ 24行目: / 24行目: @@
 }
-.irori-mainpage-shared-button {
+.irori-mainpage-shared-link-button {
-	overflow: hidden;
+	display: flex;
-	padding: 0;
-	border: 0;
 }
-.irori-mainpage-shared-button {
+.irori-mainpage-shared-link-button a {
-	display: flex;
+	flex-grow: 1;
-	height: 100%;
+	padding: var( --space-xs );
-	justify-content: center;
+	border: 1px solid var( --border-color-base );
-	align-items: center;
+	background: var( --color-surface-2 );
-	padding: 0 var( --space-md );
+	border-radius: var( --border-radius-medium );
-	background: transparent;
+	color: var( --color-emphasized ) !important;
-	color: #fff;
+    line-height: var( --line-height-xxx-small );
-	font-weight: var( --font-weight-medium );
+    text-decoration: none !important;
 }