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

   1 .page-editor {
   2   display: flex;
   3   flex-direction: column;
   4   align-items: stretch;
   5   .faded-small {
   6     height: auto;
   7   }
   8   .edit-area {
   9     flex: 1;
  10     flex-direction: column;
  11   }
  12 }
  13
  14 .page-style.editor {
  15   padding: 0 !important;
  16 }
  17
  18 .page-content {
  19   max-width: 840px;
  20   img {
  21     max-width: 100%;
  22     height:auto;
  23   }
  24 }
  25
  26 // Link hooks & popovers
  27 a.link-hook {
  28   position: absolute;
  29   display: inline-block;
  30   top: $-xs;
  31   left: -$-l;
  32   padding-bottom: 30px;
  33   font-size: 20px;
  34   line-height: 20px;
  35   color: #BBB;
  36   opacity: 0;
  37   transform: translate3d(10px, 0, 0);
  38   transition: all ease-in-out 240ms;
  39   background-color: transparent;
  40   &:hover {
  41     color: $primary;
  42   }
  43 }
  44 h1, h2, h3, h4, h5, h6 {
  45   &:hover a.link-hook {
  46     opacity: 1;
  47     transform: translate3d(0, 0, 0);
  48   }
  49 }
  50
  51 // Side Navigation
  52 .side-nav {
  53   position: fixed;
  54   padding-left: $-m;
  55   opacity: 0.8;
  56   margin-top: $-xxl;
  57   margin-left: 0;
  58   max-width: 240px;
  59   display: none;
  60 }