리버티게임:길라잡이/이전다음: 두 판 사이의 차이
새 문서: <onlyinclude>{{#css: .sequence { display: flex; width: 100%; gap: 2px; } .sequence-button { display: grid; width: 100%; color: #fff; } .sequence-prev { background-color: #000; text-align: left; grid-template-areas: "icon label" "icon title"; grid-template-columns: 4em 1fr; } .sequence-next { background-color: #00A500; text-align: right; grid-template-areas: "label icon" "title icon"; grid-t... |
편집 요약 없음 |
||
| (같은 사용자의 중간 판 7개는 보이지 않습니다) | |||
| 3번째 줄: | 3번째 줄: | ||
display: flex; | display: flex; | ||
width: 100%; | width: 100%; | ||
gap: | gap: 0.3em; | ||
} | |||
.sequence > * { | |||
flex-grow: 1; | |||
} | } | ||
.sequence-button { | .sequence-button { | ||
display: grid; | display: grid; | ||
box-sizing: border-box; | |||
width: 100%; | width: 100%; | ||
color: #fff; | min-width: 7em; | ||
height: 100%; | |||
padding: 0.2em; | |||
color: #fff !important; | |||
} | } | ||
.sequence-prev { | .sequence-prev { | ||
| 30번째 줄: | 40번째 줄: | ||
.sequence-button-icon { | .sequence-button-icon { | ||
grid-area: icon; | grid-area: icon; | ||
align-self: center; | |||
font-size: 2em; | font-size: 2em; | ||
} | } | ||
.sequence-button-label { | .sequence-button-label { | ||
grid-area: label; | grid-area: label; | ||
align-content: center; | align-content: center; | ||
} | } | ||
.sequence-button-title { | .sequence-button-title { | ||
grid-area: title; | grid-area: title; | ||
font-weight: bold; | font-weight: bold; | ||
font-size: larger; | |||
} | |||
@media (max-width: 480px) { | |||
.sequence-button-label { | |||
font-size: smaller; | |||
} | |||
.sequence-button-title { | |||
font-size: inherit; | |||
} | |||
} | } | ||
}} | }} | ||
<div class="sequence"> | <div class="sequence"> | ||
{{#if:{{{1|}}}|<div class="sequence-button sequence-prev"> | {{#if:{{{1|}}}|{{linkget|2=<div class="sequence-button sequence-prev"><div class="sequence-button-icon">{{아이콘|Chevron_Left}}</div><div class="sequence-button-label">이전</div><div class="sequence-button-title">{{{1}}}</div></div>|3=|get=page={{#expr:{{#urlget:page}}-1}}|연결=}}}} | ||
{{#if:{{{2|}}}|<div class="sequence-button sequence-next"> | {{#if:{{{2|}}}|{{linkget|2=<div class="sequence-button sequence-next"><div class="sequence-button-icon">{{아이콘|Chevron_Right}}</div><div class="sequence-button-label">다음</div><div class="sequence-button-title">{{{2}}}</div></div>|3=|get=page={{#expr:{{#urlget:page}}+1}}|연결=}}}} | ||
</div></onlyinclude> | </div></onlyinclude> | ||
2025년 1월 17일 (금) 16:57 기준 최신판