Commit 43ca4ad7cb272baa4972d07ccfffaff8b9e23028
1 parent
80fd000f
Exists in
master
and in
8 other branches
Update animations / transitions
Showing
2 changed files
with
18 additions
and
3 deletions
Show diff stats
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 { | ... | ... |