12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758 |
- // Page common styles
- ::selection {
- color: $white;
- background-color: darken($blue,10%);
- }
- .app {
- // On large devices make sidebar visible by default
- // adding sidenav-toggled class will close sidebar
- @media(min-width: 768px) {
- &.sidenav-toggled {
- .app-content { margin-left: 0; }
- .app-sidebar { left: -$sidebar-width; }
- .app-sidebar__overlay { visibility: hidden; }
- }
- }
- // On small devices make sidebar collapsed by default
- // adding sidenav-toggled class will open sidebar
- @media(max-width: 767px) {
- overflow-x: hidden;
- .app-sidebar { left: -$sidebar-width; }
- .app-sidebar__overlay { visibility: hidden; }
- &.sidenav-toggled {
- .app-content { margin-left: 0; }
- .app-sidebar { left: 0; }
- .app-sidebar__overlay { visibility: visible; }
- }
- }
- }
- .app-content {
- min-height: calc(100vh - 50px);
- margin-top: 50px;
- padding: 30px;
- background-color: #E5E5E5;
- transition: margin-left 0.3s ease;
- @media(min-width: 768px) { margin-left: $sidebar-width; }
- @media(max-width: 767px) {
- margin-top: 50px;
- min-width: 100%;
- }
- @media(max-width: 480px) { padding: 15px; }
- @media print {
- margin: 0;
- padding: 0;
- background-color: #fff;
- }
- }
- // Helper Classes
- //.light-text { font-weight: 300 !important; }
- //.semibold-text { font-weight: 600 !important; }
- .line-head {
- padding-bottom: 10px;
- border-bottom: 1px solid #ddd;
- }
|