틀:게임카드/css: 두 판 사이의 차이
< 틀:게임카드
>BANIP (링크색상 흰색으로 수정) |
>BANIP (반응형 디자인 추가) |
||
| 1번째 줄: | 1번째 줄: | ||
<onlyinclude> {{#css: | <onlyinclude> {{#css: | ||
/* @container 폭이 350픽셀 이상일 경우 float-right 및 가로폭 50%로 조정*/ | |||
@container (width > 350px) { | |||
.gamecard { | |||
float: right; | |||
width: 50%; | |||
} | |||
} | |||
/* 게임카드 컨테이너 스타일 */ | |||
.gamecard { | .gamecard { | ||
border-color: hsl(320, 95%, 80%); | border-color: hsl(320, 95%, 80%); | ||
| 7번째 줄: | 16번째 줄: | ||
} | } | ||
/* 헤더 컬러, 일반적으로 장르를 따라감 */ | |||
.gamecard .theme { | .gamecard .theme { | ||
height: 8px; | height: 8px; | ||
} | } | ||
/* 헤더 컬러를 제외한 나머지부분 여백 추가 */ | |||
.gamecard .content { | .gamecard .content { | ||
padding: 8px 16px; | padding: 8px 16px; | ||
} | } | ||
/* 장르 단추들 하단 마진 추가 */ | |||
.gamecard .content .genres{ | .gamecard .content .genres{ | ||
margin-bottom:8px; | margin-bottom:8px; | ||