페미위키:대문/소개/styles.css

최근 편집: 2021년 7월 2일 (금) 10:26
낙엽1124 (토론 | 기여)님의 2021년 7월 2일 (금) 10:26 판 (ul 사이 간격을 띄기 위한 padding이 첫번째 ul에도 적용되는 것 해소)
(차이) ← 이전 판 | 최신판 (차이) | 다음 판 → (차이)
.대문--문서 {
  text-align: center;
  box-sizing: border-box;
}

.대문--문서 ul {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
  margin: .5em 0;
}

.대문--문서 ul:not(:first-child) {
  padding-left: 1.5em
}

.대문--문서 ul li {
  display: inline-block;
  padding: 0;
  margin: 0;
}

.대문--문서 ul li:not(:first-child):before {
    content: "|";
    display: inline-block;
    color: lightgray;
    width: 1em;
}

@media screen and (max-width: 480px) {
	.대문--문서 ul {
		display: flex;
		padding-left: 0;
	}
}