dlegr250_material_design 0.5.67 → 0.5.68

data/vendor/assets/stylesheets/layouts/application/appbar.scss

@@ -1,151 +0,0 @@
-// //======================================================================
-// // EXAMPLE:
-// // <div class="appbar">
-// //   <div class="appbar-nav-icon">
-// //     <i class="zmdi zmdi-menu appbar-button" role="left-sidebar-toggle"></i>
-// //   </div>
-// //   <div class="appbar-title">
-// //     Title...
-// //   </div>
-// //   <div class="appbar-actions">
-// //     <i class="zmdi zmdi-menu appbar-button" role="right-sidebar-toggle"></i>
-// //   </div>
-// // </div>
-// //======================================================================
-//
-// // appbar - base
-// //----------------------------------------------------------------------
-//
-// // .appbar {
-// //   background-color: $color-primary;
-// //   bottom: auto;
-// //   box-sizing: border-box;
-// //   color: $appbar-title-color;
-// //   height: $appbar-height;
-// //   padding: 0 $spacing-small;
-// //   position: relative;
-// //   width: 100%;
-// //   z-index: $layout-depth + 1;
-// //   @include flex-parent-row();
-// // }
-// //
-// // .appbar-shadow {
-// //   @include box-shadow(0 2px 5px rgba(0, 0, 0, 0.30));
-// // }
-//
-// // appbar - buttons
-// //----------------------------------------------------------------------
-//
-// .appbar-button {
-//   background-color: $color-primary;
-//   box-sizing: border-box;
-//   color: $appbar-button-color;
-//   cursor: pointer;
-//   display: inline-block;
-//   font-size: $font-size-icon;
-//   height: $appbar-button-height;
-//   line-height: 1;
-//   outline: none;
-//   padding: 10px;
-//   position: relative;
-//   width: $appbar-button-height;
-//   text-align: center;
-//   text-decoration: none;
-//   @include no-touch-highlight-color();
-//   @include rounded-corners(250px);
-//   @include transition(background 0.2s ease-in-out);
-//
-//   &:active {
-//     background-color: darken($color-primary, 12%);
-//   }
-// }
-//
-// // Devices with pointers
-// @media (hover: hover) {
-//   .appbar-button {
-//     &:hover {
-//       background-color: darken($color-primary, 7%);
-//     }
-//     //
-//     // &:active {
-//     //   background-color: darken($color-primary, 12%);
-//     // }
-//   }
-// }
-//
-// // appbar - nav icon (special button in top-left for menu toggle)
-// //----------------------------------------------------------------------
-//
-// #appbar-nav-button[role="left-sidebar-toggle"] {
-//   visibility: visible;
-// }
-//
-// @media (min-width: $width-large) {
-//   #appbar-nav-button[role="left-sidebar-toggle"] {
-//     visibility: hidden;
-//   }
-// }
-//
-// // appbar - title
-// //----------------------------------------------------------------------
-//
-// .appbar-title {
-//   flex: 1; // To fill empty gaps
-//   font-size: $font-size-normal + 2px;
-//   font-weight: 400;
-//   line-height: 1;
-//   margin: 0 $spacing-small;
-//   max-width: auto;
-//   pointer-events: none;
-//   @include font-smoothing();
-//
-//   a {
-//     color: $appbar-subtitle-color;
-//   }
-// }
-//
-// @media (min-width: $width-small) {
-//   .appbar-title {
-//     font-size: $font-size-large;
-//     max-width: $sidebar-width - 64px;
-//   }
-// }
-//
-// // Above and below main text
-// .appbar-title-supertitle,
-// .appbar-title-subtitle {
-//   color: $appbar-subtitle-color;
-//   font-size: $font-size-normal;
-//   @include flex-parent-row();
-// }
-//
-// // appbar - actions
-// //----------------------------------------------------------------------
-//
-// // .appbar-actions {
-// //   @include flex-parent-row(); // To line up dividers and buttons properly
-// //   padding-left: $spacing-small;
-// //   text-align: right;
-// //
-// //   .button {
-// //     margin-right: $spacing-small;
-// //   }
-// // }
-//
-// // appbar - dividers
-// //----------------------------------------------------------------------
-//
-// .appbar-divider,
-// .appbar-spacer {
-//   background-color: darken($color-primary, 10%);
-//   content: "";
-//   display: inline-block;
-//   height: $appbar-button-height - $spacing-normal;
-//   line-height: 1;
-//   margin: 0 $spacing-small;
-//   width: 1px;
-// }
-//
-// .appbar-spacer {
-//   background-color: transparent;
-// }

data/vendor/assets/stylesheets/layouts/application/base.scss

@@ -1,27 +0,0 @@
-//======================================================================
-// Shared styles for all major layout elements.
-//======================================================================
-
-// Layouts - base
-//----------------------------------------------------------------------
-
-#container,
-#appbar,
-#left-sidebar,
-#right-sidebar,
-#main {
-  bottom: 0;
-  left: 0;
-  position: absolute;
-  right: 0;
-  top: 0;
-  @include transition(transform .35s cubic-bezier(0.24, 1, 0.32, 1), visibility 0s);
-}
-
-// Layouts - container
-//----------------------------------------------------------------------
-
-#container {
-  min-width: $application-container-min-width;
-  width: 100%;
-}

data/vendor/assets/stylesheets/layouts/application/main.scss

@@ -1,38 +0,0 @@
-// Main - base
-//----------------------------------------------------------------------
-
-#main {
-  left: 0;
-  overflow-y: auto;
-  padding: 0;
-  top: $main-top;
-  z-index: $layout-depth;
-}
-
-// Padding on main area on larger screens
-//----------------------------------------------------------------------
-
-@media (min-width: $width-medium) {
-  #main {
-    padding: $spacing-normal;
-  }
-}
-
-// On large (desktop) size, show sidebars by default
-//----------------------------------------------------------------------
-
-@media (min-width: $width-large) {
-  body.has-left-sidebar {
-    #main {
-      left: $main-left;
-    }
-  }
-
-  body.has-right-sidebar {
-    overflow-x: auto;
-
-    #main {
-      right: $main-left;
-    }
-  }
-}

data/vendor/assets/stylesheets/layouts/application/sidebars.scss

@@ -1,98 +0,0 @@
-//======================================================================
-// EXAMPLE:
-// <div class="sidebar" id="left-sidebar">
-//   <div class="sidebar-header">Header</div>
-//   Content for sidebar...
-//   <nav id="navigation">
-//     ...list component for navigation...
-//   </nav>
-// </div>
-//======================================================================
-
-// Sidebars - base
-//----------------------------------------------------------------------
-
-.sidebar {
-  background: color("white");
-  max-width: 98%;
-  overflow-y: auto;
-  pointer-events: none;
-  top: 0;
-  width: $sidebar-width;
-  will-change: transform;
-  z-index: $sidebar-depth;
-  @include transition(transform 0.2s cubic-bezier(0, 0, 0.3, 1));
-}
-
-// Sidebars - header
-//----------------------------------------------------------------------
-
-.sidebar-header {
-  border-bottom: 1px solid color("divider");
-  cursor: pointer;
-  margin-bottom: $spacing-normal;
-  padding: 0 $spacing-normal;
-  @include list-item();
-  @include truncate-text();
-}
-
-.sidebar-header-primary {
-  @include list-item-primary();
-  color: color("helper");
-  font-size: $font-size-large;
-}
-
-.sidebar-header-secondary {
-  @include list-item-secondary();
-}
-
-// Sidebars - left sidebar
-//----------------------------------------------------------------------
-
-#left-sidebar {
-  border: none;
-  @include transform(translateX(-100%));
-  @include box-shadow(1px 0 5px rgba(0, 0, 0, 0.2));
-
-  &.visible {
-    pointer-events: auto;
-    @include transform(none);
-  }
-}
-
-// Sidebars - right sidebar
-//----------------------------------------------------------------------
-
-#right-sidebar {
-  border: none;
-  left: auto;
-  @include transform(translateX(100%));
-  @include box-shadow(-1px 0 5px rgba(0, 0, 0, 0.2));
-
-  &.visible {
-    pointer-events: auto;
-    @include transform(none);
-  }
-}
-
-// Sidebars - media queries
-//----------------------------------------------------------------------
-
-@media (min-width: $width-large) {
-  #left-sidebar {
-    border-right: 1px solid color("divider");
-    pointer-events: auto;
-    z-index: $layout-depth;
-    @include transform(none);
-    @include box-shadow(none);
-  }
-
-  #right-sidebar {
-    border-left: 1px solid color("divider");
-    left: auto;
-    pointer-events: auto;
-    z-index: $layout-depth;
-    @include transform(none);
-    @include box-shadow(none);
-  }
-}