틀:게임카드/css: 두 판 사이의 차이
< 틀:게임카드
>BANIP (일부 마진 재지정) |
잔글편집 요약 없음 |
||
| (사용자 2명의 중간 판 15개는 보이지 않습니다) | |||
| 1번째 줄: | 1번째 줄: | ||
<onlyinclude> {{#css: | <onlyinclude> {{#css: | ||
#mw-content-text:has(.gamecards) { | |||
container-type: inline-size; | container-type: inline-size; | ||
} | } | ||
| 6번째 줄: | 7번째 줄: | ||
@container (width > 540px){ | @container (width > 540px){ | ||
.gamecards{ | .gamecards{ | ||
column-count: 2; | |||
} | } | ||
} | } | ||
| 17번째 줄: | 17번째 줄: | ||
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); | box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); | ||
break-inside: avoid; | break-inside: avoid; | ||
} | } | ||
.gamecard .theme { | .gamecard .theme { | ||
height: 8px; | height: 8px; | ||
} | |||
.gamecard .image-wrapper img{ | |||
width: 100%; | |||
max-height: 5em; | |||
object-fit: cover; | |||
} | } | ||
.gamecard .content { | .gamecard .content { | ||
padding: 8px | padding: 8px 12px; | ||
} | } | ||
.gamecard .content .genres{ | .gamecard .content .genres{ | ||
margin-bottom:8px; | margin-bottom:8px; | ||
margin-left: | margin-left: 4px; | ||
} | } | ||
| 66번째 줄: | 73번째 줄: | ||
font-size: 0.8em; | font-size: 0.8em; | ||
margin-left: 8px; | margin-left: 8px; | ||
} | |||
.gamecard.설명감춤 .content>.description { | |||
display:none; | |||
} | } | ||
| 74번째 줄: | 85번째 줄: | ||
.gamecard .icon-wrapper .icon { | .gamecard .icon-wrapper .icon { | ||
color: #777; | |||
transition: opacity 0.2s ease-in-out; | transition: opacity 0.2s ease-in-out; | ||
opacity: 0.5; | opacity: 0.5; | ||
font-size: 1.7em; | |||
} | |||
.gamecard .icon-wrapper .icon a{ | |||
color: inherit; | |||
text-decoration: none; | |||
} | } | ||
| 94번째 줄: | 111번째 줄: | ||
color: #fff; | color: #fff; | ||
padding: 2px 6px; | padding: 2px 6px; | ||
font-size: 0. | font-size: 0.6rem; | ||
transform: translateY(100%); | transform: translateY(100%); | ||
} | } | ||