assets/dashboard/dashboard.css

0001 body {
0002   font-size: .875rem;
0003 }
0004
0005 .feather {
0006   width: 16px;
0007   height: 16px;
0008   vertical-align: text-bottom;
0009 }
0010
0011 /*
0012  * Sidebar
0013  */
0014
0015 .sidebar {
0016   position: fixed;
0017   top: 0;
0018   bottom: 0;
0019   left: 0;
0020   z-index: 100; /* Behind the navbar */
0021   padding: 0;
0022   box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
0023 }
0024
0025 .sidebar-sticky {
0026   position: -webkit-sticky;
0027   position: sticky;
0028   top: 48px; /* Height of navbar */
0029   height: calc(100vh - 48px);
0030   padding-top: .5rem;
0031   overflow-x: hidden;
0032   overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
0033 }
0034
0035 .sidebar .nav-link {
0036   font-weight: 500;
0037   color: #333;
0038 }
0039
0040 .sidebar .nav-link .feather {
0041   margin-right: 4px;
0042   color: #999;
0043 }
0044
0045 .sidebar .nav-link.active {
0046   color: #007bff;
0047 }
0048
0049 .sidebar .nav-link:hover .feather,
0050 .sidebar .nav-link.active .feather {
0051   color: inherit;
0052 }
0053
0054 .sidebar-heading {
0055   font-size: .75rem;
0056   text-transform: uppercase;
0057 }
0058
0059 /*
0060  * Navbar
0061  */
0062
0063 .navbar-brand {
0064   padding-top: .75rem;
0065   padding-bottom: .75rem;
0066   font-size: 1rem;
0067   background-color: rgba(0, 0, 0, .25);
0068   box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
0069 }
0070
0071 .navbar .form-control {
0072   padding: .75rem 1rem;
0073   border-width: 0;
0074   border-radius: 0;
0075 }
0076
0077 .form-control-dark {
0078   color: #fff;
0079   background-color: rgba(255, 255, 255, .1);
0080   border-color: rgba(255, 255, 255, .1);
0081 }
0082
0083 .form-control-dark:focus {
0084   border-color: transparent;
0085   box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
0086 }
0087
0088 /*
0089  * Utilities
0090  */
0091
0092 .border-top { border-top: 1px solid #e5e5e5; }
0093 .border-bottom { border-bottom: 1px solid #e5e5e5; }