skyquake/framework/widgets/skyquake_container/skyquakeApp.scss

   1 /*import a reset*/
   2 @import '../../style/_colors.scss';
   3 html, body {
   4     height:100%;
   5     width:100%;
   6 }
   7
   8
   9 .skyquakeApp {
  10     display: -ms-flexbox;
  11     display: flex;
  12     -ms-flex-direction: column;
  13         flex-direction: column;
  14     height: 100%;
  15     background: $gray-lightest;
  16     h1 {
  17         text-transform: uppercase;
  18     }
  19
  20     .skyquakeContainerWrapper {
  21     }
  22     .titleBar {
  23         padding: 1rem 0 0;
  24         h1 {
  25         /* background: url('../../style/img/header-logo.png') no-repeat;*/
  26         background-size:contain;
  27         height: 51px;
  28         line-height: 51px;
  29         margin-left: 20px;
  30         /* padding-left: 100px;*/
  31         left: 0;
  32         font-size: 1.625rem;
  33         font-weight: 400;
  34         text-align:left;
  35         position:relative;
  36         -ms-flex: 1 0 auto;
  37             flex: 1 0 auto;
  38         }
  39     }
  40     .corner-accent {
  41         border: 1px solid #000;
  42         display: block;
  43         height: 4px;
  44         position: absolute;
  45         width: 4px;
  46
  47         &.top {
  48             border-bottom: 0;
  49             top: -1px;
  50         }
  51         &.right {
  52             border-left: 0;
  53             right: -1px;
  54         }
  55         &.bottom {
  56             border-top: 0;
  57             bottom: -1px;
  58         }
  59         &.left {
  60             border-right: 0;
  61             left: -1px;
  62         }
  63     }
  64 }