From 43ca4ad7cb272baa4972d07ccfffaff8b9e23028 Mon Sep 17 00:00:00 2001
From: Leonardo Merlin <leonardo.merlin@gmail.com>
Date: Thu, 20 Aug 2015 13:46:20 -0300
Subject: [PATCH] Update animations / transitions

---
 src/app/components/programas/programas.html |  4 ++--
 src/app/components/programas/programas.scss | 17 ++++++++++++++++-
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/app/components/programas/programas.html b/src/app/components/programas/programas.html
index fd5df26..8a85d04 100644
--- a/src/app/components/programas/programas.html
+++ b/src/app/components/programas/programas.html
@@ -1,5 +1,5 @@
 <div id="lista-de-programas" class="row">
-  <div class="col-sm-4">
+  <div class="col-sm-4 col-md-3">
     <div class="category-list">
       <nav class="navigation">
         <h3 class="category-list--title"><b>Programas</b> por Tema</h3>
@@ -19,7 +19,7 @@
     </div>
   </div>
 
-  <div class="col-sm-8">
+  <div class="col-sm-8 col-md-9">
     <article class="program-list">
       <header class="header">
         <h2>Programas <span class="small">({{vm.filtredProgramList.length}}/{{::vm.programs.length}})</span></h2>
diff --git a/src/app/components/programas/programas.scss b/src/app/components/programas/programas.scss
index 3a933e0..d68f2f6 100644
--- a/src/app/components/programas/programas.scss
+++ b/src/app/components/programas/programas.scss
@@ -66,8 +66,23 @@
         z-index: 0;
 
         .active & {
-            transform: scale(15);
             z-index: -1;
+
+            @media (max-width: $screen-xs) {
+                transform: scale(20);
+            }
+
+            @media (min-width: $screen-xs + 1) {
+                transform: scale(40);
+            }
+
+            @media (min-width: $screen-sm + 1) {
+                transform: scale(20);
+            }
+
+            // @media (min-width: $screen-md + 1) {
+            //     transform: scale(20);
+            // }
         }
 
         @each $category, $color in $categories {
--
libgit2 0.21.2