diff options
| author | schneefux <schneefux+commit@schneefux.xyz> | 2017-03-25 13:13:57 +0100 |
|---|---|---|
| committer | schneefux <schneefux+commit@schneefux.xyz> | 2017-03-25 13:13:57 +0100 |
| commit | d25ff2bddd44b9dac1ceb248424109d1782dd211 (patch) | |
| tree | 34fcfd824a1a72e7b4d431b688adcea532b62180 /minionlivesmatter/templates/assets/bootstrap-material-design/scss/_layout.scss | |
| parent | a2cbdd1b88ac723e5e441c0a3c22636f0a8c4dfd (diff) | |
| download | meta-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.scss | 80 |
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. -} |
