مدیاویکی:Common.css: تفاوت میان نسخهها
Esfandiari (بحث | مشارکتها) بدون خلاصۀ ویرایش |
Esfandiari (بحث | مشارکتها) بدون خلاصۀ ویرایش |
||
| خط ۱٬۰۱۲: | خط ۱٬۰۱۲: | ||
grid-template-columns: repeat(3, 1fr); /* ۳ ستون */ | grid-template-columns: repeat(3, 1fr); /* ۳ ستون */ | ||
} | } | ||
} | |||
/* ایجاد فضای کلیکپذیر برای تمام باکس */ | |||
.grid-item { | |||
position: relative; | |||
padding: 0; /* پدینگ را از آیتم بردارید */ | |||
} | |||
.grid-item a { | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
width: 100%; | |||
height: 100%; | |||
padding: 10px; /* پدینگ را به داخل تگ لینک منتقل کردیم */ | |||
text-decoration: none; | |||
color: inherit; | |||
box-sizing: border-box; | |||
} | |||
/* افکت زیبا هنگام هاور (اختیاری) */ | |||
.grid-item:hover { | |||
background-color: #f0f0f0; | |||
border-radius: 5px; | |||
cursor: pointer; | |||
} | } | ||