模板:发现/style.css:修订间差异

来自科幻设定百科
imported>晦暗天明
(创建页面,内容为“.discover-row { display: flex; flex-direction: column; } .discover-row .discover-col { width: 100%; margin-top: 1em; } .discover-row .discover-col:first-chil…”)
 
(更换为异世界百科版本)
 
第1行: 第1行:
 
.discover-row {
 
.discover-row {
 
display: flex;
 
display: flex;
flex-direction: column;
+
flex-direction: column-reverse;
  +
gap: 1.25em;
 
}
 
}
 
.discover-row .discover-col {
 
.discover-row .discover-col {
 
width: 100%;
 
width: 100%;
margin-top: 1em;
 
}
 
.discover-row .discover-col:first-child {
 
margin-top: 0;
 
 
}
 
}
 
@media (min-width: 851px) {
 
@media (min-width: 851px) {
.discover-row {
+
.discover-row {
flex-direction: row;
+
flex-direction: row;
}
+
}
.discover-row .discover-col {
+
.discover-row .discover-col {
width: 50%;
+
width: 50%;
 
}
margin-left: 2em;
 
 
.discover-row .discover-col:first-child {
}
 
 
margin-left: 0;
.discover-row .discover-col:first-child {
 
 
}
margin-left: 0;
 
}
 
 
}
 
}

2023年11月17日 (五) 16:15的最新版本

.discover-row {
  display: flex;
  flex-direction: column-reverse;
  gap: 1.25em;
}
.discover-row .discover-col {
  width: 100%;
}
@media (min-width: 851px) {
	.discover-row {
	  flex-direction: row;
	}
	.discover-row .discover-col {
	  width: 50%;
	}
	.discover-row .discover-col:first-child {
	  margin-left: 0;
	}
}