| .imgWrapper { | |
| overflow: hidden; | |
| display: flex; | |
| align-items: center; | |
| flex-wrap: wrap; | |
| } | |
| .imgBox{ | |
| width: 200px; | |
| } | |
| .link { | |
| margin: 20px 10px; | |
| height: 100px; | |
| padding:0 10px; | |
| border: 1px solid #eaecef; | |
| display: flex; | |
| justify-content: center; | |
| align-items: center; | |
| background-color: #ffffff; | |
| } | |
| [data-theme='dark'] .link { | |
| background-color: #ffffff; | |
| border: 1px solid #3a3a3a; | |
| } | |
| .imgWrapper img { | |
| max-height: 100%; | |
| max-width: 100%; | |
| transition: opacity 0.5s; | |
| } |