Commit 7eaf3eb1 authored by Rene Saarsoo's avatar Rene Saarsoo
Browse files

Small hover-effect for the close button. 

Currently I implemented it with opacity, but I'm sure a designer
could do a better job.
parent cc561813

template/resources/sass/viewport.scss

+8 −1
Original line number Diff line number Diff line
@@ -34,6 +34,10 @@ 
  background: -webkit-gradient(linear, left top, right top, from($fromCol), to($toCol));

  background: -moz-linear-gradient(left, $fromCol, $toCol); }



@mixin opacity($opacity) {

  opacity: $opacity;

  filter: alpha(opacity=$opacity*100); }



@mixin icons {

  .icon-pkg {

    background: url(../images/icons.png) no-repeat -3px -57px !important; }
@@ -705,8 +709,11 @@ a:hover { 
      position: absolute;

      width: 12px;

      height: 12px;

      @include opacity(0.5);

      background: url(../images/x12.png) no-repeat;

      text-indent: -9999px;

      padding: 3px 0 0 0;

      right: 0;

      top: 3px; } } }
 
      top: 3px;

      &:hover {

        @include opacity(1); } } } }