src/public/scss/scripts.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

#scripts {

  .script-list .badge {
    margin-left: 0;
    float: none;
  }

  .card {
    /*margin-bottom: 60px;*/
  }

  @media only screen and (max-width: 599px) {
    .card-action {
      border-top: 0 !important;
      padding: 0 !important;
      height: 0;
      transition: padding 0.5s ease 0s,
      height 0.5s ease 0s;
    }

    .card-action a i {
      transform: scale(0);
      transition: transform 0.1s ease 0.1s;
    }
    .card:hover > .card-action {
      height: 55px;
      padding: 16px 24px !important;
    }

    .card:hover > .card-action > a > i {
      transform: scale(1);
    }
  }

}