틀:게임카드/css: 두 판 사이의 차이

리버티게임, 모두가 만들어가는 자유로운 게임
(링크색상 흰색으로 수정)
(반응형 디자인 추가)
태그: 되돌려진 기여
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;

2023년 8월 3일 (목) 16:17 판

하위문서의 디자인을 담당하는 부분을 분리해둔 문서입니다.

도보시오