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 // Page content pointers
  27 .pointer-container {
  28   position: relative;
  29   display: none;
  30   left: 2%;
  31 }
  32 .pointer {
  33   border: 1px solid #CCC;
  34   display: inline-block;
  35   padding: $-xs $-s;
  36   border-radius: 4px;
  37   box-shadow: 0 0 8px 1px rgba(212, 209, 209, 0.35);
  38   position: absolute;
  39   top: -60px;
  40   background-color:#FFF;
  41   &:before {
  42     position: absolute;
  43     left: 50%;
  44     bottom: -9px;
  45     width: 16px;
  46     height: 16px;
  47     margin-left: -8px;
  48     content: '';
  49     display: block;
  50     background-color:#FFF;
  51     transform: rotate(45deg);
  52     transform-origin: 50% 50%;
  53     border-bottom: 1px solid #CCC;
  54     border-right: 1px solid #CCC;
  55     z-index: 1;
  56   }
  57   input {
  58     background-color: #FFF;
  59     border: 1px solid #DDD;
  60     color: #666;
  61     width: 180px;
  62     z-index: 40;
  63   }
  64   input, button {
  65     position: relative;
  66     border-radius: 0;
  67     height: 28px;
  68     font-size: 12px;
  69   }
  70   > i {
  71     color: #888;
  72     font-size: 18px;
  73     padding-top: 4px;
  74   }
  75   .button {
  76     line-height: 1;
  77     margin: 0 0 0 -4px;
  78     box-shadow: none;
  79   }
  80 }
  81
  82 h1, h2, h3, h4, h5, h6 {
  83   &:hover a.link-hook {
  84     opacity: 1;
  85     transform: translate3d(0, 0, 0);
  86   }
  87 }