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