Loading templates/home.html +2 −0 Original line number Diff line number Diff line Loading @@ -5,6 +5,7 @@ {% endblock %} {% block title %}{{ this.title }}{% endblock %} {% block body %} <body> <div class="container-fluid h-md-100 px-0"> <div class="row h-md-100 mx-0"> <div class="col-md-6 col-lg-5 order-md-2 inner-shadow px-0 h-100"> Loading Loading @@ -80,4 +81,5 @@ </div> </div> </div> </body> {% endblock %} templates/layout.html +1 −5 Original line number Diff line number Diff line Loading @@ -13,9 +13,5 @@ <title>{% block title %}Welcome{% endblock %} — Mittelab</title> </head> <body> {% block header %} {% endblock %} {% block body %}{% endblock %} {% block footer %} {% endblock %} </body> </html> templates/page.html +2 −0 Original line number Diff line number Diff line {% extends "layout.html" %} {% block title %}{{ this.title }}{% endblock %} {% block body %} <body class="inner-shadow"> <div class="container-fluid h-md-100"> <div class="row h-100"> <div class="col-md-5 col-lg-4 col-xl-3 col-xxl-2 px-0"> Loading @@ -25,4 +26,5 @@ </div> </div> </div> </body> {% endblock %} webpack/scss/mlab.scss +3 −48 Original line number Diff line number Diff line Loading @@ -61,43 +61,22 @@ html, body { right: 0; } @mixin _scroll { overflow: auto; } .inner-shadow { box-shadow: inset 0 0 5rem rgba($black, .5); } @mixin _pos-bottom { right: 0; bottom: 0; left: 0; z-index: $zindex-fixed; } @mixin _pos-top-left { top: 0; left: 0; } .absolute-bottom { position: absolute; @include _pos-bottom; } .fixed-top-left { position: fixed; @include _pos-top-left; } .absolute-fill { @include _pos-absolute-fill; } .scrollable { @include _pos-absolute-fill; @include _scroll; overflow: auto; } .pt-100 { Loading @@ -119,36 +98,13 @@ html, body { } } .d#{$infix}-block-collapsible.show, .d#{$infix}-block-collapsible:not(.collapse) { display: block !important; } .d#{$infix}-block-collapsible.collapse:not(.show) { display: none !important; } .h#{$infix}-100 { height: 100% !important; } .w#{$infix}-100 { width: 100% !important; } .scrollable#{$infix} { @include _pos-absolute-fill; @include _scroll; } .absolute#{$infix}-bottom { position: absolute; @include _pos-bottom; } .fixed#{$infix}-bottom { position: fixed; @include _pos-bottom; overflow: auto; } .fixed#{$infix}-top-left { Loading @@ -159,6 +115,7 @@ html, body { .float#{$infix}-right { float: right !important; } .float#{$infix}-left { float: left !important; } Loading @@ -176,8 +133,6 @@ html, body { } } .img-flowing { // This must come before the media breakpoints width: 20rem; Loading Loading
templates/home.html +2 −0 Original line number Diff line number Diff line Loading @@ -5,6 +5,7 @@ {% endblock %} {% block title %}{{ this.title }}{% endblock %} {% block body %} <body> <div class="container-fluid h-md-100 px-0"> <div class="row h-md-100 mx-0"> <div class="col-md-6 col-lg-5 order-md-2 inner-shadow px-0 h-100"> Loading Loading @@ -80,4 +81,5 @@ </div> </div> </div> </body> {% endblock %}
templates/layout.html +1 −5 Original line number Diff line number Diff line Loading @@ -13,9 +13,5 @@ <title>{% block title %}Welcome{% endblock %} — Mittelab</title> </head> <body> {% block header %} {% endblock %} {% block body %}{% endblock %} {% block footer %} {% endblock %} </body> </html>
templates/page.html +2 −0 Original line number Diff line number Diff line {% extends "layout.html" %} {% block title %}{{ this.title }}{% endblock %} {% block body %} <body class="inner-shadow"> <div class="container-fluid h-md-100"> <div class="row h-100"> <div class="col-md-5 col-lg-4 col-xl-3 col-xxl-2 px-0"> Loading @@ -25,4 +26,5 @@ </div> </div> </div> </body> {% endblock %}
webpack/scss/mlab.scss +3 −48 Original line number Diff line number Diff line Loading @@ -61,43 +61,22 @@ html, body { right: 0; } @mixin _scroll { overflow: auto; } .inner-shadow { box-shadow: inset 0 0 5rem rgba($black, .5); } @mixin _pos-bottom { right: 0; bottom: 0; left: 0; z-index: $zindex-fixed; } @mixin _pos-top-left { top: 0; left: 0; } .absolute-bottom { position: absolute; @include _pos-bottom; } .fixed-top-left { position: fixed; @include _pos-top-left; } .absolute-fill { @include _pos-absolute-fill; } .scrollable { @include _pos-absolute-fill; @include _scroll; overflow: auto; } .pt-100 { Loading @@ -119,36 +98,13 @@ html, body { } } .d#{$infix}-block-collapsible.show, .d#{$infix}-block-collapsible:not(.collapse) { display: block !important; } .d#{$infix}-block-collapsible.collapse:not(.show) { display: none !important; } .h#{$infix}-100 { height: 100% !important; } .w#{$infix}-100 { width: 100% !important; } .scrollable#{$infix} { @include _pos-absolute-fill; @include _scroll; } .absolute#{$infix}-bottom { position: absolute; @include _pos-bottom; } .fixed#{$infix}-bottom { position: fixed; @include _pos-bottom; overflow: auto; } .fixed#{$infix}-top-left { Loading @@ -159,6 +115,7 @@ html, body { .float#{$infix}-right { float: right !important; } .float#{$infix}-left { float: left !important; } Loading @@ -176,8 +133,6 @@ html, body { } } .img-flowing { // This must come before the media breakpoints width: 20rem; Loading