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

리버티게임(개발), 모두가 만들어가는 자유로운 게임
둘러보기로 이동 검색으로 이동
>BANIP
(링크 디자인 수정)
잔글편집 요약 없음
 
(사용자 2명의 중간 판 13개는 보이지 않습니다)
1번째 줄: 1번째 줄:
<onlyinclude> {{#css:
<onlyinclude> {{#css:
* > :has(.gamecards){
 
#mw-content-text:has(.gamecards) {
container-type: inline-size;
container-type: inline-size;
}
}
6번째 줄: 7번째 줄:
@container (width > 540px){
@container (width > 540px){
.gamecards{
.gamecards{
columns: 2 auto;
  column-count: 2;
column-gap: 12px;
}
}
}
}
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;
}
}


66번째 줄: 73번째 줄:
font-size: 0.8em;
font-size: 0.8em;
margin-left: 8px;
margin-left: 8px;
}
.gamecard.설명감춤 .content>.description {
display:none;
}
}


81번째 줄: 92번째 줄:


.gamecard .icon-wrapper .icon a{
.gamecard .icon-wrapper .icon a{
     background: none;
     color: inherit;
     text-decoration: none;
     text-decoration: none;
}
}

2024년 9월 25일 (수) 02:16 기준 최신판

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

도보시오