skyquake/plugins/composer/src/src/styles/DetailsPanelToolbar.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 @import '_variables';
  20 .DetailsPanelToolbar {
  21     display: block;
  22     padding: 0;
  23     margin: 32px 0 0 0;
  24         height: auto;
  25         border-top: 1px solid mix($panel-border-color, white, 80%);
  26         border-bottom: 0 solid $panel-border-color-light;
  27         white-space: nowrap;
  28         text-align: center;
  29         h1 {
  30                 white-space: nowrap;
  31                 text-align: left;
  32         font-size: 14px;
  33         line-height: 16px;
  34         padding: 20px;
  35         text-transform: uppercase;
  36         font-weight: bold;
  37         background-color: #ffffff;
  38         }
  39         .btn-bar {
  40                 padding: 0;
  41                 background-color: rgba(203, 209, 209, 1);
  42                 .btn-group {
  43                         padding: 0 8px;
  44                         display: inline-block;
  45                         input {
  46                                 margin: 0 4px;
  47                         }
  48                 }
  49         }
  50 }