summaryrefslogtreecommitdiff
path: root/minionlivesmatter/templates/assets/bootstrap-material-design/scss/_layout.scss
diff options
context:
space:
mode:
authorschneefux <schneefux+commit@schneefux.xyz>2017-03-25 13:13:57 +0100
committerschneefux <schneefux+commit@schneefux.xyz>2017-03-25 13:13:57 +0100
commitd25ff2bddd44b9dac1ceb248424109d1782dd211 (patch)
tree34fcfd824a1a72e7b4d431b688adcea532b62180 /minionlivesmatter/templates/assets/bootstrap-material-design/scss/_layout.scss
parenta2cbdd1b88ac723e5e441c0a3c22636f0a8c4dfd (diff)
downloadmeta-d25ff2bddd44b9dac1ceb248424109d1782dd211.tar.gz
meta-d25ff2bddd44b9dac1ceb248424109d1782dd211.zip
add minionlivesmatter as submodule
Diffstat (limited to 'minionlivesmatter/templates/assets/bootstrap-material-design/scss/_layout.scss')
-rw-r--r--minionlivesmatter/templates/assets/bootstrap-material-design/scss/_layout.scss80
1 files changed, 0 insertions, 80 deletions
diff --git a/minionlivesmatter/templates/assets/bootstrap-material-design/scss/_layout.scss b/minionlivesmatter/templates/assets/bootstrap-material-design/scss/_layout.scss
deleted file mode 100644
index 82faef0..0000000
--- a/minionlivesmatter/templates/assets/bootstrap-material-design/scss/_layout.scss
+++ /dev/null
@@ -1,80 +0,0 @@
-// This is a set of flex-based layout containers necessary for components such as the drawer.
-// It allows for flex based positioning such as sticky header and footer inside an bmd-layout, with a
-// bmd-layout-content that scrolls.
-
-// mobile webkit smooth scrolling: http://stackoverflow.com/a/15147497/2363935
-
-// First element
-.bmd-layout-canvas { // added by js?
- position: absolute;
- width: 100%;
- height: 100%;
-}
-
-// Primary layout container, belongs inside a bmd-layout-canvas.
-.bmd-layout-container {
- position: relative;
- display: flex;
- flex-direction: column; // allows for sticky header and footer
- width: 100%;
- height: 100%;
- overflow-x: hidden;
- overflow-y: auto;
- -webkit-overflow-scrolling: touch; // mobile webkit smooth scrolling
-}
-
-// Header layout (fixed top), belongs in a bmd-layout-container
-.bmd-layout-header {
- z-index: 3;
- display: flex;
- flex-direction: column; // since this is a column, it is necessary that something like an actual navbar is a child
- flex-wrap: nowrap;
- flex-shrink: 0;
- justify-content: flex-start;
- width: 100%;
- max-height: 1000px;
- transform: translateZ(0); // mobile webkit smooth scrolling
- @include material-animation-default();
-}
-
-// Content layout, belongs in a bmd-layout-container
-.bmd-layout-content {
- position: relative;
- z-index: 1; // under a header
- display: inline-block;
- //-ms-flex: 0 1 auto; // Fix IE10 bug.
- flex-grow: 1;
- overflow-x: hidden;
- overflow-y: auto; // mobile webkit smooth scrolling may need scroll, but auto seems to be working and omits the scroll border
- -webkit-overflow-scrolling: touch; // mobile webkit smooth scrolling
- @include material-animation-default();
-}
-
-// Pushes flex-based content to the other end (x or y)
-.bmd-layout-spacer {
- flex-grow: 1;
-}
-
-// Backdrop - generic backdrop to be used by other components i.e. drawer in overlay mode
-.bmd-layout-backdrop {
- position: absolute;
- top: 0;
- left: 0;
- z-index: 4;
- width: 100%;
- height: 100%;
- visibility: hidden;
- background-color: transparent;
- transition-property: background-color;
- @include material-animation-default();
-
- @supports (pointer-events: auto) {
- background-color: rgba(0, 0, 0, 0.5);
- opacity: 0;
- transition-property: opacity;
- visibility: visible;
- pointer-events: none;
- }
-
- // NOTE: the &.in style is responsive, generated by @mixin bmd-layout-backdrop-in() where needed.
-}