| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192 |
- /* Miscellanoeous */
- body,
- html {
- overflow-x: hidden;
- padding-right: 0 !important; // resets padding right added by Bootstrap modal
- }
- *:-moz-full-screen,
- *:-webkit-full-screen,
- *:fullscreen *:-ms-fullscreen {
- overflow: auto;
- }
- .page-body-wrapper {
- min-height: calc(100vh - #{$navbar-height});
- @include display-flex();
- @include flex-direction(row);
- padding-left: 0;
- padding-right: 0;
- padding-top: $navbar-height;
- &.full-page-wrapper {
- width: 100%;
- min-height: 100vh;
- padding-top: 0;
- }
- }
- .main-panel {
- transition: width $action-transition-duration $action-transition-timing-function, margin $action-transition-duration $action-transition-timing-function;
- width: calc(100% - #{$sidebar-width-lg});
- min-height: calc(100vh - #{$navbar-height});
- @include display-flex();
- @include flex-direction(column);
- @media (max-width: 991px) {
- margin-left: 0;
- width: 100%;
- }
- }
- .content-wrapper {
- background: $content-bg;
- padding: 2.75rem 2.25rem;
- width: 100%;
- @include flex-grow(1);
- }
- .container-scroller {
- overflow: hidden;
- }
- pre {
- background: color(gray-lighter);
- padding: 15px;
- font-size: 14px;
- }
- code {
- padding: 5px;
- color: theme-color(danger);
- font-family: $type1-light;
- font-size: $default-font-size;
- border-radius: 4px;
- }
- .page-header {
- @extend .d-flex;
- @extend .justify-content-between;
- @extend .align-items-center;
- margin: 0 0 1.5rem 0;
- .breadcrumb {
- border: 0;
- margin-bottom: 0;
- }
- }
- .page-title {
- color: $black;
- font-size: 1.125rem;
- margin-bottom: 0;
- .page-title-icon {
- display: inline-block;
- width: 36px;
- height: 36px;
- border-radius: 4px;
- text-align: center;
- box-shadow: 0px 3px 8.3px 0.7px rgba(163, 93, 255, 0.35);
- i {
- font-size: .9375rem;
- line-height: 36px;
- }
- }
- }
|