Contents

@import "material.min";
@import "materialdesignicons";

html, body {
 font-family: 'Fira Sans', Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
 color: #323232;
 background: #f3f3f3;
 height: 100%;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}

.navdrawer-persistent-lg {
 right: auto;
 width: 32rem;
 z-index: auto;
}
.text-subheader {
 font-weight: 500;
}
.badge {
 font-size: .85rem;
}

#sidebar-wrapper {
 background: image-url('shopapp3/bg.jpg') center no-repeat;
 background-size: cover;
 min-height: 100vh;
 margin-left: -80px;
 -webkit-transition: margin .25s ease-out;
 -moz-transition: margin .25s ease-out;
 -o-transition: margin .25s ease-out;
 transition: margin .25s ease-out;
}
#sidebar-wrapper .sidebar-heading {
 height: 80px;
 background: #25265E;
}
#sidebar-wrapper .nav {
 width: 80px;
}
#sidebar-wrapper .nav .nav-item {
 border-right: 2px solid transparent;
}
#sidebar-wrapper .nav .nav-item.active {
 background: rgba(37, 38, 94, 0.25);
 border-right: 2px solid #FFC800;
}
#sidebar-wrapper .nav .nav-item:hover {
 background: rgba(37, 38, 94, 0.25);
}
#page-content-wrapper {
 min-width: 100vw;
}
#page-content-wrapper nav {
 height: 80px;
 box-shadow: 0px 2px 20px 0px rgba(37, 38, 94, 0.1);
}

.navbar .form-control {
 background-color: #f5f5f5;
 border-bottom: 1px solid #dbdbdb;
 min-width: 15rem;
 outline: 0;
 font-size: .85rem;
 font-weight: 500;
}
#wrapper.toggled #sidebar-wrapper {
 margin-left: 0;
}
@media (min-width: 768px) {
 .toggle {
   display: none;
 }
 #sidebar-wrapper {
   margin-left: 0;
 }
 #page-content-wrapper {
   min-width: 0;
   width: 100%;
 }
 #wrapper.toggled #sidebar-wrapper {
   margin-left: -80px;
 }
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
shopapp-0.2.45	app/assets/stylesheets/shopapp3.scss
shopapp-0.2.44	app/assets/stylesheets/shopapp3.scss