summaryrefslogtreecommitdiff
path: root/minionlivesmatter/templates/assets/bootstrap-material-design/scss/_drawer.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/_drawer.scss
parenta2cbdd1b88ac723e5e441c0a3c22636f0a8c4dfd (diff)
downloadmeta-d25ff2bddd44b9dac1ceb248424109d1782dd211.tar.gz
meta-d25ff2bddd44b9dac1ceb248424109d1782dd211.zip
add minionlivesmatter as submodule
Diffstat (limited to 'minionlivesmatter/templates/assets/bootstrap-material-design/scss/_drawer.scss')
-rw-r--r--minionlivesmatter/templates/assets/bootstrap-material-design/scss/_drawer.scss122
1 files changed, 0 insertions, 122 deletions
diff --git a/minionlivesmatter/templates/assets/bootstrap-material-design/scss/_drawer.scss b/minionlivesmatter/templates/assets/bootstrap-material-design/scss/_drawer.scss
deleted file mode 100644
index 34d115e..0000000
--- a/minionlivesmatter/templates/assets/bootstrap-material-design/scss/_drawer.scss
+++ /dev/null
@@ -1,122 +0,0 @@
-// Implementation specification in https://github.com/FezVrasta/bootstrap-material-design/issues/822
-
-// Drawer.
-.bmd-layout-drawer {
- position: absolute;
- z-index: 5; // over a header and content
- box-sizing: border-box;
- display: flex;
-
- flex-direction: column;
- flex-wrap: nowrap;
-
- max-height: 100%;
- overflow: visible;
- overflow-y: auto;
- font-size: .875rem;
- //color: $bmd-layout-drawer-text-color;
- //background: $bmd-layout-drawer-bg-color;
-
- // Transform offscreen.
- transition: transform;
- will-change: transform;
- transform-style: preserve-3d;
- @include box-shadow($bmd-shadow-2dp);
- @include material-animation-default();
-
- > * {
- flex-shrink: 0;
- }
-
- // Placement of common components within the drawer
- // You might say this is opinionated - feedback welcome.
- > header {
- display: flex;
- flex-direction: column;
- justify-content: flex-end;
- padding: 1rem;
-
- .navbar-brand {
- padding-left: 1.5rem;
- font-size: 1.25rem;
- }
- }
-
- > .list-group {
- padding-top: 1rem;
-
- .list-group-item {
- padding-right: 2.5rem;
- padding-left: 2.5rem;
- font-size: .8125rem;
- font-weight: 500;
- }
- }
-}
-
-//----------------
-// Sizing and positioning below here
-
-// for left or right drawers, setup widths, heights and positions
-@include bmd-drawer-x-out($bmd-drawer-x-size);
-
-// for top or bottom drawers, setup widths, heights and positions
-@include bmd-drawer-y-out($bmd-drawer-y-size);
-
-// Marker class for both triggering the opening of the drawer (i.e. javascript #addClass('.bmd-drawer-in')), as well
-// as responsive sizes (i.e. bmd-drawer-in-md will open once the browser is wider than 768px).
-//
-//
-// bmd-drawer-in, bmd-drawer-in-sm, bmd-drawer-in-md, bmd-drawer-in-lg
-// We iterate over the standard grid breakpoints, but we also need styles for the simpler `bmd-drawer-in`
-// without a size (for triggered openings). Since the xs size is 0, instead of using `bmd-drawer-in-xs`
-// (which is mostly meaningless), we create `bmd-drawer-in` meaning always open.
-//
-// NOTE: bmd-drawer-in-* uses media-breakpoint-up()
-//
-// bmd-drawer-out
-// A marker class that will _force_ the drawer closed regardless of the responsive class present. If (for some
-// strange reason) both bmd-drawer-out and bmd-drawer-in are present, it appears that the closed option wins.
-//
-// bmd-drawer-overlay, bmd-drawer-overlay-sm, bmd-drawer-overlay-md, bmd-drawer-overlay-lg
-// We iterate over the standard grid breakpoints, but we also need styles for the simpler `bmd-drawer-overlay`.
-// Since the xs size is 0, instead of using `bmd-drawer-overlay-xs`, we create `bmd-drawer-overlay` meaning always overlay.
-//
-// NOTE: bmd-drawer-overlay-* uses media-breakpoint-down() - this is because we usually want a responsive overlay to be used in small screen scenarios.
-//
-
-//
-// Drawer open positioning, and style options (push is default, overlay is optional)
-:not(.bmd-drawer-out) { // first eliminate positioning or sizing rules if the drawer is already forced closed
- @each $breakpoint in map-keys($grid-breakpoints) {
-
- @include bmd-drawer-x-in-up($bmd-drawer-x-size, $breakpoint);
- @include bmd-drawer-y-in-up($bmd-drawer-y-size, $breakpoint);
-
- @include bmd-drawer-x-overlay-down($breakpoint);
- @include bmd-drawer-y-overlay-down($breakpoint);
- }
-}
-
-////----
-//// Example 1: creates a media responsive kitchen-sink-drawer that pairs with bmd-drawer-in-lg and allows for the bmd-drawer-in trigger
-//.kitchen-sink-drawer {
-// $custom-size: 500px;
-// @include bmd-drawer-x-out($custom-size);
-// &:not(.bmd-drawer-out) {
-// @each $breakpoint in map-keys($grid-breakpoints) {
-// @include bmd-drawer-x-in-up($custom-size, $breakpoint);
-// }
-// }
-//}
-//
-////
-////----
-//// Example 2: creates a NON-responsive kitchen-sink-drawer and allows for the bmd-drawer-in trigger
-//.kitchen-sink-drawer-static {
-// $custom-size: 500px;
-// @include bmd-drawer-x-out($custom-size); // closed by default
-// @include bmd-drawer-x-in($custom-size); // triggered with bmd-drawer-in
-// @include bmd-drawer-x-overlay(); // overlay by default, no other classes necessary
-//}
-