Commit 43ca4ad7cb272baa4972d07ccfffaff8b9e23028

Authored by Leonardo Merlin
1 parent 80fd000f

Update animations / transitions

src/app/components/programas/programas.html
1 1 <div id="lista-de-programas" class="row">
2   - <div class="col-sm-4">
  2 + <div class="col-sm-4 col-md-3">
3 3 <div class="category-list">
4 4 <nav class="navigation">
5 5 <h3 class="category-list--title"><b>Programas</b> por Tema</h3>
... ... @@ -19,7 +19,7 @@
19 19 </div>
20 20 </div>
21 21  
22   - <div class="col-sm-8">
  22 + <div class="col-sm-8 col-md-9">
23 23 <article class="program-list">
24 24 <header class="header">
25 25 <h2>Programas <span class="small">({{vm.filtredProgramList.length}}/{{::vm.programs.length}})</span></h2>
... ...
src/app/components/programas/programas.scss
... ... @@ -66,8 +66,23 @@
66 66 z-index: 0;
67 67  
68 68 .active & {
69   - transform: scale(15);
70 69 z-index: -1;
  70 +
  71 + @media (max-width: $screen-xs) {
  72 + transform: scale(20);
  73 + }
  74 +
  75 + @media (min-width: $screen-xs + 1) {
  76 + transform: scale(40);
  77 + }
  78 +
  79 + @media (min-width: $screen-sm + 1) {
  80 + transform: scale(20);
  81 + }
  82 +
  83 + // @media (min-width: $screen-md + 1) {
  84 + // transform: scale(20);
  85 + // }
71 86 }
72 87  
73 88 @each $category, $color in $categories {
... ...