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

   1 /*
   2  *
   3  *   Copyright 2016 RIFT.IO Inc
   4  *
   5  *   Licensed under the Apache License, Version 2.0 (the "License");
   6  *   you may not use this file except in compliance with the License.
   7  *   You may obtain a copy of the License at
   8  *
   9  *       http://www.apache.org/licenses/LICENSE-2.0
  10  *
  11  *   Unless required by applicable law or agreed to in writing, software
  12  *   distributed under the License is distributed on an "AS IS" BASIS,
  13  *   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  14  *   See the License for the specific language governing permissions and
  15  *   limitations under the License.
  16  *
  17  */
  18
  19 @import 'main';
  20 @import 'variables';
  21 .DetailsPanel {
  22         @extend .panel;
  23         //border-top: 1px solid mix($panel-border-color, white, 80%);
  24         //border-left: 1px solid $panel-border-color;
  25         background-color: ($panel-bg-color-contrast);
  26         position: absolute;
  27         top: 111px;
  28         right: 0;
  29         bottom: 0;
  30         width: 300px;
  31         min-width: 6px;
  32         z-index: 2;
  33         overflow: visible
  34 }
  35
  36 .DetailsPanelBody {
  37         overflow: hidden;
  38         >div {
  39                 position: relative;
  40                 height: 100%;
  41                 width: 100%;
  42         }
  43         min-width: 200px;
  44 }