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   overflow-wrap: break-word;
  21   .align-left {
  22     float: left !important;
  23     text-align: left;
  24     margin: $-xs $-s $-xs 0;
  25   }
  26   .align-right {
  27     float: right !important;
  28     text-align: right;
  29     margin: $-xs 0 $-xs $-s;
  30   }
  31   .align-center {
  32     text-align: center;
  33   }
  34   img {
  35     max-width: 100%;
  36     height:auto;
  37   }
  38   h1, h2, h3, h4, h5, h6 {
  39     clear: both;
  40   }
  41   hr {
  42     clear: both;
  43     margin: $-m 0;
  44   }
  45 }
  46
  47 // Page content pointers
  48 .pointer-container {
  49   position: relative;
  50   display: none;
  51   left: 2%;
  52 }
  53 .pointer {
  54   border: 1px solid #CCC;
  55   display: inline-block;
  56   padding: $-xs $-s;
  57   border-radius: 4px;
  58   box-shadow: 0 0 8px 1px rgba(212, 209, 209, 0.35);
  59   position: absolute;
  60   top: -60px;
  61   background-color:#FFF;
  62   &:before {
  63     position: absolute;
  64     left: 50%;
  65     bottom: -9px;
  66     width: 16px;
  67     height: 16px;
  68     margin-left: -8px;
  69     content: '';
  70     display: block;
  71     background-color:#FFF;
  72     transform: rotate(45deg);
  73     transform-origin: 50% 50%;
  74     border-bottom: 1px solid #CCC;
  75     border-right: 1px solid #CCC;
  76     z-index: 1;
  77   }
  78   input {
  79     background-color: #FFF;
  80     border: 1px solid #DDD;
  81     color: #666;
  82     width: 180px;
  83     z-index: 40;
  84   }
  85   input, button {
  86     position: relative;
  87     border-radius: 0;
  88     height: 28px;
  89     font-size: 12px;
  90   }
  91   > i {
  92     color: #888;
  93     font-size: 18px;
  94     padding-top: 4px;
  95   }
  96   .button {
  97     line-height: 1;
  98     margin: 0 0 0 -4px;
  99     box-shadow: none;
 100   }
 101 }
 102
 103 h1, h2, h3, h4, h5, h6 {
 104   &:hover a.link-hook {
 105     opacity: 1;
 106     transform: translate3d(0, 0, 0);
 107   }
 108 }