skyquake/plugins/composer/src/src/styles/CanvasZoom.scss

   1
   2 /*
   3  *
   4  *   Copyright 2016 RIFT.IO Inc
   5  *
   6  *   Licensed under the Apache License, Version 2.0 (the "License");
   7  *   you may not use this file except in compliance with the License.
   8  *   You may obtain a copy of the License at
   9  *
  10  *       http://www.apache.org/licenses/LICENSE-2.0
  11  *
  12  *   Unless required by applicable law or agreed to in writing, software
  13  *   distributed under the License is distributed on an "AS IS" BASIS,
  14  *   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  15  *   See the License for the specific language governing permissions and
  16  *   limitations under the License.
  17  *
  18  */
  19 .CanvasZoom {
  20         border: 1px dashed transparent;
  21         position: absolute;
  22         bottom: 20px;
  23         left: 20px;
  24         opacity: 0.25;
  25         white-space: nowrap;
  26         input {
  27                 opacity: 0.33;
  28                 vertical-align: middle;
  29         }
  30         span {
  31                 display: inline-block;
  32                 font-family: "Roboto", sans-serif;
  33                 font-weight: 100;
  34                 width: 100px;
  35                 padding-left: 8px;
  36         }
  37         &:hover {
  38                 opacity: 1;
  39         }
  40 }