Commit 8515e900 authored by Rene Saarsoo's avatar Rene Saarsoo
Browse files

Create transition CSS mixin. 

Use it in all places -webkit-transition is used.
parent c41af7fc

template/app/view/cls/Header.js

+2 −2
Original line number Diff line number Diff line
@@ -76,10 +76,10 @@ Ext.define('Docs.view.cls.Header', { 


        // show "View source..." tip below class name on hover

        this.classLinkEvent("mouseover", function() {

            this.el.down(".class-source-tip").show();

            this.el.down(".class-source-tip").addCls("hover");

        }, this);

        this.classLinkEvent("mouseout", function() {

            this.el.down(".class-source-tip").hide();

            this.el.down(".class-source-tip").removeCls("hover");

        }, this);

    },

template/resources/sass/_class_header.scss

+5 −1
Original line number Diff line number Diff line
@@ -4,6 +4,7 @@ 
// Notably h1 and print button.

//

@import "variables";

@import "mixins";



#center-container {

  h1 {
@@ -40,7 +41,10 @@ 
      position: absolute;

      top: 35px;

      left: 100px;

      display: none; }

      color: #fff;

      @include transition(color, 0.2s, linear);

      &.hover {

        color: #929292; } }



    // Yellow text PRIVATE on private classes

    span.private {

template/resources/sass/_class_overview.scss

+2 −2
Original line number Diff line number Diff line
@@ -124,14 +124,14 @@ 
        color: $docs-link-hover-color; } }

    a.view-source {

      color: rgba(0, 0, 0, 0);

      -webkit-transition: color 0.2s linear;

      @include transition(color, 0.2s, linear);

      font-size: 0.9em;

      &:hover {

        color: $docs-link-hover-color; } }

    &:hover {

      a.view-source {

        color: rgba(128, 128, 128, 1);

        -webkit-transition: color 0.2s linear; } }

        @include transition(color, 0.2s, linear); } }

    &.open {

      a.side.expandable {

        @include horizontal-gradient(#ebf3fe, #d9e8fc);

template/resources/sass/_comments.scss

+3 −3
Original line number Diff line number Diff line
@@ -180,7 +180,7 @@ 
      .editComment,

      .deleteComment,

      .vote {

        -webkit-transition: opacity 0.2s linear;

        @include transition(opacity, 0.2s, linear);

        opacity: 1; } } }

  .target {

    color: #666;
@@ -215,13 +215,13 @@ 
      right: 110px;

      color: #999;

      opacity: 0;

      -webkit-transition: opacity 0.2s linear;

      @include transition(opacity, 0.2s, linear);

      position: absolute; }

    .editComment {

      right: 160px;

      color: #999;

      opacity: 0;

      -webkit-transition: opacity 0.2s linear;

      @include transition(opacity, 0.2s, linear);

      position: absolute; }

    .vote {

      position: absolute;

template/resources/sass/_mixins.scss

+5 −0
Original line number Diff line number Diff line
@@ -42,6 +42,11 @@ 
  opacity: $opacity;

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



@mixin transition($property, $duration, $timingFunction) {

  -webkit-transition: $property $duration $timingFunction;

  -moz-transition: $property $duration $timingFunction;

  -o-transition: $property $duration $timingFunction; }



@mixin icons {

  .icon-pkg {

    background: url(../images/icons.png) no-repeat 0 -0px; }