deblan-mirror/system-uicons
1
0
Fork 0
mirror of https://github.com/CoreyGinnivan/system-uicons.git synced 2024-05-04 14:43:12 +02:00
Code Issues Releases Wiki Activity

Added icon scaling on hover

Browse source
This commit is contained in:
Corey 2020-05-26 14:33:11 +08:00
parent a755292d88
commit 8ea0d8c81a
2 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/index.html
View file

@ -106,11 +106,12 @@
<template x-for="item in filteredIcons" :key="item">
<a
href="#"
class="flex flex-col items-center justify-center text-gray-700 rounded shadow hover:shadow-xl bg-white cursor-pointer transition duration-150 ease-in-out h-48"
class="flex flex-col items-center group justify-center text-gray-700 rounded shadow hover:shadow-xl bg-white cursor-pointer transition duration-150 ease-in-out h-48"
>
<img
:src="`images/` + item.icon_path + `.svg`"
:alt="item.icon_name"
class="transform transition duration-200 group-hover:scale-150"
/>
<p
class="text-xs leading-none text-center mt-8"

2
tailwind.config.js
View file

@ -8,7 +8,7 @@ module.exports = {
},
},
variants: {
// Some useful comment
scale: ["responsive", "hover", "focus", "group-hover"],
},
plugins: [
// Some useful comment