BookStack Code Mirror - bookstack/blob - resources/assets/sass/styles.scss

   1 @import "reset";
   2 @import "variables";
   3 @import "mixins";
   4 @import "html";
   5 @import "text";
   6 @import "grid";
   7 @import "blocks";
   8 @import "buttons";
   9 @import "forms";
  10
  11 header hr {
  12   margin-top: 0;
  13 }
  14
  15 header .menu {
  16   margin-bottom: 0;
  17   list-style: none;
  18   li {
  19     display: inline-block;
  20     margin-left: $-m;
  21   }
  22 }
  23
  24 .page-title input {
  25   display: block;
  26   width: 100%;
  27   font-size: 1.4em;
  28 }
  29
  30 .overlay {
  31   background-color: rgba(0, 0, 0, 0.2);
  32   position: fixed;
  33   display: block;
  34   z-index: 95536;
  35   width: 100%;
  36   height: 100%;
  37   min-width: 100%;
  38   min-height: 100%;
  39   top: 0;
  40   left: 0;
  41   right: 0;
  42   bottom: 0;
  43 }
  44 #image-manager {
  45   background-color: #EEE;
  46   max-width: 90%;
  47   max-height: 90%;
  48   width: 90%;
  49   height: 90%;
  50   margin: 2% 5%;
  51   //border: 2px solid $primary;
  52   border-radius: 4px;
  53   box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  54   overflow: hidden;
  55   .image-manager-display img {
  56     width: 150px;
  57     height: 150px;
  58     display: inline-block;
  59     margin: $-s 0 0 $-s;
  60     cursor: pointer;
  61   }
  62 }
  63 .image-manager-left {
  64   background-color: #FFF;
  65   height: 100%;
  66   width: 100%;
  67   text-align: left;
  68   .image-manager-display {
  69     height: 75%;
  70     width: 100%;
  71     text-align: left;
  72     overflow-y: scroll;
  73   }
  74 }
  75
  76 .image-manager-title {
  77   font-size: 2em;
  78   text-align: left;
  79   margin: 0 $-m;
  80   padding: $-xl $-m;
  81   color: #666;
  82   border-bottom: 1px solid #DDD;
  83 }
  84
  85 .image-manager-dropzone {
  86   background-color: lighten($primary, 40%);
  87   height: 25%;
  88   text-align: center;
  89   font-size: 2em;
  90   line-height: 2em;
  91   padding-top: $-xl*1.2;
  92   color: #666;
  93   border-top: 2px solid $primary;
  94 }