_misc.scss 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. /* Miscellanoeous */
  2. body,
  3. html {
  4. overflow-x: hidden;
  5. padding-right: 0 !important; // resets padding right added by Bootstrap modal
  6. }
  7. *:-moz-full-screen,
  8. *:-webkit-full-screen,
  9. *:fullscreen *:-ms-fullscreen {
  10. overflow: auto;
  11. }
  12. .page-body-wrapper {
  13. min-height: calc(100vh - #{$navbar-height});
  14. @include display-flex();
  15. @include flex-direction(row);
  16. padding-left: 0;
  17. padding-right: 0;
  18. padding-top: $navbar-height;
  19. &.full-page-wrapper {
  20. width: 100%;
  21. min-height: 100vh;
  22. padding-top: 0;
  23. }
  24. }
  25. .main-panel {
  26. transition: width $action-transition-duration $action-transition-timing-function, margin $action-transition-duration $action-transition-timing-function;
  27. width: calc(100% - #{$sidebar-width-lg});
  28. min-height: calc(100vh - #{$navbar-height});
  29. @include display-flex();
  30. @include flex-direction(column);
  31. @media (max-width: 991px) {
  32. margin-left: 0;
  33. width: 100%;
  34. }
  35. }
  36. .content-wrapper {
  37. background: $content-bg;
  38. padding: 2.75rem 2.25rem;
  39. width: 100%;
  40. @include flex-grow(1);
  41. }
  42. .container-scroller {
  43. overflow: hidden;
  44. }
  45. pre {
  46. background: color(gray-lighter);
  47. padding: 15px;
  48. font-size: 14px;
  49. }
  50. code {
  51. padding: 5px;
  52. color: theme-color(danger);
  53. font-family: $type1-light;
  54. font-size: $default-font-size;
  55. border-radius: 4px;
  56. }
  57. .page-header {
  58. @extend .d-flex;
  59. @extend .justify-content-between;
  60. @extend .align-items-center;
  61. margin: 0 0 1.5rem 0;
  62. .breadcrumb {
  63. border: 0;
  64. margin-bottom: 0;
  65. }
  66. }
  67. .page-title {
  68. color: $black;
  69. font-size: 1.125rem;
  70. margin-bottom: 0;
  71. .page-title-icon {
  72. display: inline-block;
  73. width: 36px;
  74. height: 36px;
  75. border-radius: 4px;
  76. text-align: center;
  77. box-shadow: 0px 3px 8.3px 0.7px rgba(163, 93, 255, 0.35);
  78. i {
  79. font-size: .9375rem;
  80. line-height: 36px;
  81. }
  82. }
  83. }