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 @import "tables";
  11 @import "animations";
  12 @import "tinymce";
  13 @import "image-manager";
  14 @import "header";
  15 @import "lists";
  16 @import "pages";
  17
  18 [v-cloak] {display: none;}
  19
  20 // Jquery Sortable Styles
  21 .dragged {
  22   position: absolute;
  23   opacity: 0.5;
  24   z-index: 2000;
  25 }
  26 body.dragging, body.dragging * {
  27   cursor: move !important;
  28 }
  29
  30 // User Avatar Images
  31 .avatar {
  32   border-radius: 100%;
  33 }
  34
  35 // System wide notifications
  36 .notification {
  37   position: fixed;
  38   top: 0;
  39   right: 0;
  40   margin: $-xl*2 $-xl;
  41   padding: $-l $-xl;
  42   background-color: #EEE;
  43   border-radius: 3px;
  44   box-shadow: $bs-med;
  45   z-index: 999999;
  46   display: table;
  47   cursor: pointer;
  48   max-width: 480px;
  49   i, span {
  50     display: table-cell;
  51   }
  52   i {
  53     font-size: 2em;
  54     padding-right: $-l;
  55   }
  56   span {
  57     vertical-align: middle;
  58   }
  59   &.pos {
  60     background-color: $positive;
  61     color: #EEE;
  62   }
  63   &.neg {
  64     background-color: $negative;
  65     color: #EEE;
  66   }
  67 }
  68
  69 // Loading icon
  70 $loadingSize: 10px;
  71 .loading-container {
  72   position: relative;
  73   display: block;
  74   height: $loadingSize;
  75   margin: $-xl auto;
  76   > div {
  77     width: $loadingSize;
  78     height: $loadingSize;
  79     border-radius: $loadingSize;
  80     display: inline-block;
  81     vertical-align: top;
  82     transform: translate3d(0, 0, 0);
  83     animation-name: loadingBob;
  84     animation-duration: 1.4s;
  85     animation-iteration-count: infinite;
  86     animation-timing-function: cubic-bezier(.62, .28, .23, .99);
  87     margin-right: 4px;
  88     background-color: $color-page;
  89     animation-delay: 0.3s;
  90   }
  91   > div:first-child {
  92       left: -($loadingSize+$-xs);
  93       background-color: $color-book;
  94       animation-delay: 0s;
  95   }
  96   > div:last-child {
  97     left: $loadingSize+$-xs;
  98     background-color: $color-chapter;
  99     animation-delay: 0.6s;
 100   }
 101 }
 102
 103
 104 // Search results
 105 .search-results > h3 a {
 106   font-size: 0.66em;
 107   color: $primary;
 108   padding-left: $-m;
 109   i {
 110     padding-right: $-s;
 111   }
 112 }