add grow class to scale the card

FredericHeem · Mar 28, 2017 · cfe59f1 · cfe59f1
1 parent 4268b3c
commit cfe59f1
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/client/src/app/parts/landing/cardComponent.js b/client/src/app/parts/landing/cardComponent.js
@@ -46,7 +46,7 @@ export default () => {
 
   function Card({title, text, icon, img, height, width}){
     return (
-      <Paper className='card'>
+      <Paper className='card grow'>
         <div className='card-container'>
           <div className="card-item">
             <h2>{title}</h2><p>{text}</p>

diff --git a/client/src/assets/stylus/global.styl b/client/src/assets/stylus/global.styl
@@ -34,3 +34,6 @@
         cursor: pointer;
     }
 }
+
+.grow { transition: all .2s ease-in-out; }
+.grow:hover { transform: scale(1.05); }