_layout.scss 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  1. body {
  2. overflow-y: scroll !important;
  3. }
  4. body:not(.growi-layout-fluid) .grw-container-convertible {
  5. @extend .container-lg;
  6. }
  7. body.not-found-page .grw-container-convertible {
  8. @extend .container-lg;
  9. }
  10. body.growi-layout-fluid .grw-container-convertible {
  11. @extend .container-fluid;
  12. }
  13. .grw-logo {
  14. svg {
  15. width: $grw-logo-width;
  16. height: $grw-navbar-height;
  17. padding: ($grw-logo-width - $grw-logomark-width) / 2;
  18. }
  19. }
  20. .confidential {
  21. font-weight: bold;
  22. }
  23. .grw-modal-head {
  24. font-size: 1em;
  25. border-bottom: 1px solid transparent;
  26. }
  27. // padding settings for GrowiNavbarBottom
  28. .page-wrapper {
  29. padding-bottom: $grw-navbar-bottom-height;
  30. @include media-breakpoint-up(md) {
  31. padding-bottom: unset;
  32. }
  33. }
  34. .main {
  35. margin-top: 1rem;
  36. @include media-breakpoint-up(lg) {
  37. margin-top: 2rem;
  38. }
  39. }
  40. .grw-side-contents-container {
  41. margin-bottom: 1rem;
  42. @include media-breakpoint-up(lg) {
  43. width: 250px;
  44. min-width: 250px;
  45. margin-left: 30px;
  46. }
  47. }
  48. .grw-side-contents-sticky-container {
  49. position: sticky;
  50. // growisubnavigation + grw-navbar-boder
  51. top: calc(100px + 4px);
  52. margin-top: 5px;
  53. }
  54. .grw-fab {
  55. position: fixed;
  56. right: 1.5rem;
  57. bottom: 3rem;
  58. z-index: $zindex-fixed;
  59. transition: all 200ms linear;
  60. .btn-create-page {
  61. width: 60px;
  62. height: 60px;
  63. font-size: 24px;
  64. box-shadow: 2px 3px 6px #0000005d;
  65. svg {
  66. width: 28px;
  67. height: 28px;
  68. }
  69. }
  70. .btn-scroll-to-top {
  71. width: 40px;
  72. height: 40px;
  73. opacity: 0.4;
  74. svg {
  75. width: 18px;
  76. height: 18px;
  77. }
  78. }
  79. }
  80. // printable style
  81. @media print {
  82. padding: 30px;
  83. a:after {
  84. display: none !important;
  85. }
  86. .main {
  87. header {
  88. border-bottom: solid 1px $secondary;
  89. h1 {
  90. font-size: 2em;
  91. color: black;
  92. }
  93. }
  94. .row {
  95. display: block !important;
  96. }
  97. .revision-toc {
  98. float: none;
  99. max-width: 100%;
  100. margin-bottom: 20px;
  101. font-size: 0.9em;
  102. border: solid 1px $gray-400;
  103. }
  104. .meta {
  105. margin-top: 32px;
  106. color: $secondary;
  107. border-top: solid 1px $gray-300;
  108. }
  109. }
  110. }
  111. .system-version {
  112. position: fixed;
  113. right: 0.5em;
  114. bottom: 0;
  115. opacity: 0.6;
  116. > span {
  117. margin-left: 0.5em;
  118. }
  119. }